Unbounded height / width | Decoding Flutter
ฝัง
- เผยแพร่เมื่อ 2 ต.ค. 2024
- 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/Decodin...
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
What the flutter!!! LOL
:) really nice joke
1:48 😂
What the Flutter!!!🔥🔥😂 Great video
That's a developers' phrase
What the... Flutter 😂😂 nice
Smart words 🤣
quote of this week
haha, it does
When you really frustrated from flutter but you work on Google 😂
Well, that's an awesome explanation 🌪️ and the animations were so much fun to watch😄
Best video 😂😂😂 the talking layouts were awesome 😂😂
was about to say this
We need more of these cute animations 😂
2:00 Evil Listview: I want everything 😂
I love that slow "wanhandred piksels"
Listview not just takes everything, sometimes it's everything.
Lol... 😂
Wonderful explanation. This is a confusing area for newbies. Sometimes, I keep chanting "Constraints go down, Sizes go up, Parent sets position" while doing layouts :-)
Haha, that is of course the best way to write Flutter: while chanting. :)
Wow that's another level explanation tutorial
Very nice explanation!
I've found the "single pass" part really interesting, because it explains the reason behind it, before telling the fix.
now the flutter tutorial gets better and better, nice animation.
Please keep making more of these! It helps to make the sometimes cryptic flutter errors much more understandable 😁 Thank you!
This was just amazing. Love the creativity that goes behind making these videos.
Man these videos are freaking awesome 🔥
When the Listview with one blinking eye says: I want everything!! As much as possible! That was hilarious 😂
2:11, I like the animations, I think even a child or teenager will love Flutter now. :D
1 dislike is from TechLead 😏
Ha ha
This is so helpful and easy to follow! Thank you a lot for creating these!😁
After spending almost 3 hours solving this problem... I just found what I did here... I think now I have to be here more often
With this video even a dog learns :D
Neat!!! I had the exact same problem last weekend!
This video is great! right on time! Thanks!
Okay this explaination is actually pretty great. Good job
Best. Explanation. Ever.
Loved the video
Flutter team is literally the best. Thanks for these amazing videos.
Please more tutorials like this I loved de animations.
This is the best Flutter video I have ever seen! "I want everything" :´D
The way of Explanation is good 😂😂
I'm happy when look Filipe!
Instead of giving an error message, you can show the content as half or as small as it fits. This would be easier to understand, it would show that the content doesn't fit so you wouldn't have to make a video to explain this superfluous error message. In other frameworks, visual errors can be detected visually. browser does not give such an error. It's as if the weight of our suitcase exceeded the limit when boarding the plane and this became a problem.
Love the animations and the voice over :)
wow it's easy to get understanding. Thanks~
I tried wrapping the list into expanding but that still gave me the error. Help?
P.s: I am making a layout and inside the column, i want my remaining space to be taken by the listview, i don't want to hard code a height value to it. But I'm having errors.
ListView kid was awesome!
Thanks, very nice explanation
I love how widgets are negotiating
This is the best explanation video I have seen in my life. Absolutely love this!
I would pay for animated series with the Column, Box and List View characters! $_$
What is the best solution when we have to put a horizontal listview.builder inside a column without hardly setting height?
You guys explain concept clearly in few minutes. Brilliant ways of explanation.❤️
Or maybe set shrinkwrap to true in the listview
I don’t know if it is the best solution but generally i resolve that problem like this
Please make more cartoons with ListView starring. It's hilarious!
Ahahahahha 😂😂😂
What about making a cartoon series about widget's life and their adventures? :)
Fun animations, good explanation.
Such a great video 💜
Thank you all.
This video is such high quality
why i get this error if i use horizontal listview and children have its own height?
This is BRILLIANT!!!
Please feel doing the animations! And the voices!! 😂😂
The Viewport was given unbounded height error should contain a link to this video. This is pretty good documentation.
Amazing explanation.. I was stuck on this error lol
Happy to hear the tutorial was helpful! Check out more Decoding Flutter episodes here: goo.gle/DecodingFlutter
OMG, its the best explanation about this.
I want 100 video like that
Awesome video. Very clever.
I actually laughed a few times
I want to be Flutter student for infinite if you teach me like this 😁
Thanks for making us smile 😁
Another great upload.
Woow .. amazing animations bro😆
wonderful work
That's what I needed 💪
I absolutely loved the twitching eye in the animation
!
Super useful, thanks a lot 👍👍
How do I size a card in a wrap to the size of the contents of the card? Currently the cards take up all the width.
I am a half year into flutter programming but these constraints are still a trial and error process for me. I wonder how many widgets in my widget tree could be replaced by a few well thought out ones.
Very nice explanation!
Great video
Wow ..... that was simple
😂😂😂😂😂😂😂😂 Nice video filiph and flutter team : )
The explanation with the boxes was awesome!
I find these an issue if we use Expanded and we have wrapped the column in SIngleChildScrollView then this error still occurs. How can I solve this ? Please respond
awesome explanation
Nice.tanks filiph❤
very helpful 😊
can I have the titles of those books next to the bed and table lamp please.
Certainly! Two of them are in Czech ("1918-1968 Czech short stories", and a Sci-fi anthology called "Železo přichází z hvězd"). Then there's "Making Things Work", a book on complex systems. And lastly, Michael Bierut's "How To". I can recommend all of these!
amazing, thanks!
Not Working
Using SingleChildListView() for parent , do everything you want , just for List view , set => shrinkwrap=true, physics= NeverscrollablePhysics(), should be work
I'm going to hear those widget voices everytime I see the error now. That was hilarious. 🤣
Mission accomplished.
I liked the animations and voice acting lol.
Glad to hear you liked it!
You can check out even more episodes of Decoding Flutter here:
goo.gle/DecodingFlutter
Happy Fluttering 😎
I'm loving flutter 💙
Thanks!
good
i know all about this but I watched the video, the talking layouts were awesome :) hehe cool :)
Great video, the animations used are just wow!
I love this guy! :D
why the listview doesn't behave like expanded in the first place
is this raises some other plethora of problems
This guy needs his own HomeStarRunner-style channel.
Thanks man
And you still get rekted if you want a horizontal scrollable widget with its child height. U have to give explicit height which is sucks and against declarative programming.
What the flutter is right, THANK YOU! And thanks TH-cam :D
Everytime I watch Filip's videos on flutter's channel it breaks my heart that Filip is no longer an official part of flutter :(
That evil smile on listview after it says "I want everything...as much as possible" 😆😆
What about pageview inside a column inside a singlechildscrollview and i want the pageview to expand the height
So there is NO flex in flutter. Thank you for short and quick (not) answer.
Can anyone help. If I need my list view to occupy minimum height if less elements and maximum height till expandable if more elements in listview
I love everyone on the flutter team soo much! I wish I could have dinner with them some time! And Todd from Firebase!
I found away around it. Created my own custom list builder. With row and a loop of children.
That's why I don't bother and just use a custom scroll view.
Filip I saw what you did at 0:16
Little know fact: those three words were the working title for what later became "Decoding Flutter". ;)
I kinda wish I could see my flawed layout visually, or have a more helpful error message
解除迷惑了,非常nice的视频。
List view mentok di column karena ngg ada tinggi pasti, jadi wrapping by expandes (as much as possible) atau flexible(ngikutin ukuran widget child(?)). Atauuu klo mau tinggi tertentu make sizedbox