Skip to content
0:00 / 0:00

#flutter#layout#listview

Unbounded height / width | Decoding Flutter

Flutter

634K subscribers • 138 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Made by the vendor. The company whose product it covers made or sponsored it.

Intermediate. Assumes working knowledge.

158K views5 years ago2 recommendations

Mobile developmentFlutter and React Native

How to diagnose and fix the common viewport was given unbounded height error when using ListViews in columns.

You put a ListView in a column and you get the error “Viewport was given unbounded height”. What do you do now? Learn why you might be getting this error and what you can do to fix it. Leave us suggestions for code to unravel in the comments below! How to debug layout issues with the Flutter Inspector → goo.gle/3x3OesY Explain 'Unbounded height/width' errors → goo.gle/3jjIwPp Watch more Decoding Flutter episodes → goo.gle/DecodingFlutter Don’t miss an episode, subscribe to Flutter → goo.gle/FlutterYT Get started with Flutter → goo.gle/Flutter Learn more about the Dart Language → goo.gle/2YF9OCi #DecodingFlutter #Flutter #Developer

Why it's here

2 people recommend this

What people say. Recommended as an amazing official resource for understanding advanced Flutter layout and rendering concepts.

u/terry1900in r/FlutterDev • Recommends

Amazing official videos For those who want to learn a bit advanced things about Flutter, I highly recommend the Flutter team's "Decoding Flutter" videos. Official, short, amazing quality, and often comes with a detailed DartPad link! The ones I like most: BuildContext, RenderObjects, Rendering?!, Unbounded height / width.

u/Pixelredditin r/FlutterDev • Recommends

Unbounded height / width | Decoding Flutter

u/mdausmannin r/FlutterDev • Mentions

…ical. Just in case you didn't know how to do that, this is one way... ```bash flutter devices flutter run -d XXX-YYY-888 <-- small screen flutter run -d AAA-BBB-222 <-- do in a different terminal.. the large screen ``` then you make little tweaks to the layout and drop a lowercase 'r' in each terminal to hot reload **Videos** Intrinsic Widgets link to this video Unbounded Height and Width link to this video # Things that didn't work **Flutter Dev Tools** Sorry guys, this does not help much. Even with the 'Flow viewer' or whatever it's called. I just can't get any value out of it. **Docs** If I hear "Constraints go down, Sizes go up..." one more time... the layout approach is not easy to understand. I…