Flutter (Dart): Exceptions caused by rendering / A RenderFlex overflowed

by

This is a pretty common issue to run into, especially when you start testing your app on multiple devices and orientations. Flutter’s Widget gallery has a section covering the various scrolling widgets:

https://flutter.io/widgets/scrolling/

I’d recommend either wrapping your entire content in a SingleChildScrollView, or using a scrolling ListView.

EDIT: This question and answer have gotten some notice, so I’d like to provide a little more help for those who land here.

The Flutter SDK team puts a lot of effort into good documentation within the SDK code itself. One of the best resources for understanding the algorithm that Flex widgets (Row and Column are both subclasses of Flex) use to lay out their children is the DartDoc that accompanies the class itself:

https://github.com/flutter/flutter/blob/e3005e6962cfefbc12e7aac56576597177cc966f/packages/flutter/lib/src/widgets/basic.dart#L3724

The Flutter website also contains a tutorial on building layouts and an interactive codelab about how to use Row and Column widgets.

More Related Contents:

  1. Navigating to a new screen when stream value in BLOC changes
  2. What is a Future and how do I use it?
  3. Is there a difference in how member variables are initialized in Dart?
  4. Flutter: Run method on Widget build complete
  5. Flutter: RenderBox was not laid out
  6. How to import platform specific dependency in Flutter/Dart? (Combine Web with Android/iOS)
  7. How to implement Dark mode and Light Mode in flutter?
  8. Flutter Countdown Timer
  9. Flutter – Collapsing ExpansionTile after choosing an item
  10. ListView does not refresh whereas attached list does (Flutter)
  11. Flutter StreamBuilder vs FutureBuilder
  12. What does the empty parentheses after the onPressed property mean in Dart?
  13. Sizing elements to percentage of screen width/height
  14. how to place a listview inside a SingleChildScrollView but prevent them from scrolling separately?
  15. How to convert Flutter color to string and back to a color
  16. Async/Await/then in Dart/Flutter
  17. TextField inside of Row causes layout exception: Unable to calculate size
  18. How to make an AlertDialog in Flutter?
  19. How to Move bottomsheet along with keyboard which has textfield(autofocused is true)?
  20. Vertical viewport was given unbounded height
  21. How to change the icon size of Google Maps marker in Flutter?
  22. HTTP POST with Json on Body – Flutter/Dart
  23. Flutter: “RenderFlex children have non-zero flex but incoming height constraints are unbounded”
  24. Query a single document from Firestore in Flutter (cloud_firestore Plugin)
  25. Use ‘ui.decodeImageFromList’ to display an image created from a list of bytes
  26. InheritedWidget with Scaffold as child doesn’t seem to be working
  27. Flutter: Execution failed for task ‘:app:compileDebugKotlin’
  28. How can I simulate a tap event on a Flutter widget?
  29. How do you get the document id after adding document in Cloud Firestore in Dart
  30. How to call a named constructor from a generic function in Dart/Flutter

Leave a Comment