Unbounded height / width | Decoding Flutter

Sdílet
Vložit
  • čas přidán 28. 06. 2021
  • 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
  • Věda a technologie

Komentáře • 278

  • @mrniamster
    @mrniamster Před 3 lety +39

    We need more of these cute animations 😂

  • @ganeshbhat5761
    @ganeshbhat5761 Před 3 lety +81

    1:48 😂
    What the Flutter!!!🔥🔥😂 Great video

    • @alfalifr
      @alfalifr Před 3 lety +1

      That's a developers' phrase

  • @erkamdev
    @erkamdev Před 3 lety +225

    What the... Flutter 😂😂 nice

  • @khurramrizvi153
    @khurramrizvi153 Před 3 lety +10

    2:00 Evil Listview: I want everything 😂

  • @HumorDemais
    @HumorDemais Před 3 lety +79

    What the flutter!!! LOL

  • @vikaskumar5434
    @vikaskumar5434 Před 3 lety +66

    Best video 😂😂😂 the talking layouts were awesome 😂😂

  • @anuragpola
    @anuragpola Před 3 lety +142

    Well, that's an awesome explanation 🌪️ and the animations were so much fun to watch😄

  • @Aspiiire
    @Aspiiire Před 3 lety +38

    Wow that's another level explanation tutorial

  • @kurtestacion6113
    @kurtestacion6113 Před 3 lety +75

    I love that slow "wanhandred piksels"

  • @kenng2029
    @kenng2029 Před 3 lety +19

    Please keep making more of these! It helps to make the sometimes cryptic flutter errors much more understandable 😁 Thank you!

  • @frostsmaker8966
    @frostsmaker8966 Před 3 lety +8

    2:11, I like the animations, I think even a child or teenager will love Flutter now. :D

  • @saadzahem
    @saadzahem Před 3 lety +49

    Listview not just takes everything, sometimes it's everything.

  • @mrunfunny
    @mrunfunny Před 3 lety +17

    This was just amazing. Love the creativity that goes behind making these videos.

  • @TheAbleMo
    @TheAbleMo Před 2 lety +3

    Flutter team is literally the best. Thanks for these amazing videos.

  • @dhruvshetty
    @dhruvshetty Před 3 lety +4

    This is the best explanation video I have seen in my life. Absolutely love this!

  • @TheManuz
    @TheManuz Před 3 lety +2

    Very nice explanation!
    I've found the "single pass" part really interesting, because it explains the reason behind it, before telling the fix.

  • @lionbrunch4244
    @lionbrunch4244 Před 2 lety +2

    This is so helpful and easy to follow! Thank you a lot for creating these!😁

  • @sathishweb
    @sathishweb Před 3 lety +7

    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 :-)

    • @filiphracek
      @filiphracek Před 3 lety +1

      Haha, that is of course the best way to write Flutter: while chanting. :)

  • @MustafaAliraqii
    @MustafaAliraqii Před 2 lety

    Its always good to have a deeper insight of such things; makes life easier. Thank you.

  • @carldressler3262
    @carldressler3262 Před 3 lety +2

    The explanation with the boxes was awesome!

  • @vladarskopin3314
    @vladarskopin3314 Před 2 lety

    Just what I needed to fix the ListView-in-the-Column problem. Thanx a lot! ❤️

  • @nidalbakir4720
    @nidalbakir4720 Před 3 lety +4

    Such a great video 💜
    Thank you all.

  • @luiscampos1997
    @luiscampos1997 Před 3 lety

    Excellent video Filip. Congratulations. Bring more videos of this type please.

  • @robbyriverside
    @robbyriverside Před rokem

    I spent days looking for something to explain this. Thank you. - Home looks nice, BTW. Glad you made the switch to join us in the remote only world.

  • @nazramirezm
    @nazramirezm Před 3 lety +2

    Neat!!! I had the exact same problem last weekend!
    This video is great! right on time! Thanks!

  • @George-or3uv
    @George-or3uv Před 3 lety +1

    I absolutely loved the twitching eye in the animation
    !

  • @SwarajSingh-xs6dy
    @SwarajSingh-xs6dy Před rokem +1

    Great video, the animations used are just wow!

  • @brenoverissimo3846
    @brenoverissimo3846 Před 2 lety

    Just the sort of explanation I was longing for! lol
    It helped a lot, thanks!

  • @chichebem
    @chichebem Před 3 lety +4

    Love the animations and the voice over :)

  • @amirgamil
    @amirgamil Před 3 lety +1

    This is BRILLIANT!!!
    Please feel doing the animations! And the voices!! 😂😂

  • @sazinsamin125
    @sazinsamin125 Před 3 lety +1

    This is awesome explanation. Want more this kind of videos.

  • @MichaelHathi
    @MichaelHathi Před 3 lety +1

    The Viewport was given unbounded height error should contain a link to this video. This is pretty good documentation.

  • @Stark720s
    @Stark720s Před 2 lety

    Great job with the explanantion. Please more of this animation way of explanation, makes flutter less abstract and more understandable

  • @AkashSingh-cr7ly
    @AkashSingh-cr7ly Před 3 lety +1

    now the flutter tutorial gets better and better, nice animation.

  • @ritiksaxenaofficial
    @ritiksaxenaofficial Před 3 lety +9

    You guys explain concept clearly in few minutes. Brilliant ways of explanation.❤️

  • @YuriG03042
    @YuriG03042 Před 3 lety

    first of all, i love these loosely scripted videos
    second, great humor on the animation
    third, thanks for posting informational content on this channel other than the widget of the week

  • @Mar_Ten
    @Mar_Ten Před 2 lety

    Okay this explaination is actually pretty great. Good job

  • @luis96xd
    @luis96xd Před 8 měsíci

    Amazing video! Everything was well explained and I liked so much these cute animations and dialogs

  • @drxyd
    @drxyd Před 3 měsíci

    This is the most common error I came across while learning flutter, great explanation!

  • @cozycool5815
    @cozycool5815 Před 3 lety

    Great explain. need more videos like this, ez to understand

  • @mahmood466
    @mahmood466 Před 2 lety +1

    Man these videos are freaking awesome 🔥
    When the Listview with one blinking eye says: I want everything!! As much as possible! That was hilarious 😂

  • @jodebalkanrules8522
    @jodebalkanrules8522 Před 3 lety

    This is awesome. Just keep doing vids like this!!!

  • @BrunoMotadeOliveira
    @BrunoMotadeOliveira Před rokem +1

    Very nice explanation!

  • @trunghvbk
    @trunghvbk Před 3 lety +1

    wow it's easy to get understanding. Thanks~

  • @TrongTran-zv6ci
    @TrongTran-zv6ci Před 3 lety +11

    1 dislike is from TechLead 😏

  • @MichaelDuarte
    @MichaelDuarte Před 3 lety

    Best. Explanation. Ever.
    Loved the video

  • @mbopstropsnosky
    @mbopstropsnosky Před 3 lety

    Please more tutorials like this I loved de animations.

  • @HandsOnKnowledge
    @HandsOnKnowledge Před 2 lety

    Love these videos 😂 explained so well bravo

  • @codboxer
    @codboxer Před 3 lety

    Nice animations.. its very easy to catch your ideas.

  • @alifellahi
    @alifellahi Před 2 lety

    What the Flutter, that was an awesome explanation, very funny yet informative 👌

  • @primusautobot
    @primusautobot Před rokem

    Thanks for this explanation and idea 💡

  • @hsiang-yehhwang2625
    @hsiang-yehhwang2625 Před 2 lety

    Like the animation! Awesome explanation!

  • @heckvideos
    @heckvideos Před 3 lety +2

    I'm loving flutter 💙

  • @itsdazing1279
    @itsdazing1279 Před 3 lety +1

    Keep it up.
    This was amazing

  • @guilhermemuniz1072
    @guilhermemuniz1072 Před rokem

    Love the creativity! Congratulations

  • @carlosalbertomurillomendoz5470

    This is the best Flutter video I have ever seen! "I want everything" :´D

  • @serious_psychologist
    @serious_psychologist Před 3 lety

    good explanations, thanks a lot!

  • @GuiCayres
    @GuiCayres Před 2 lety +1

    OMG, its the best explanation about this.

  • @manchef1645
    @manchef1645 Před rokem +2

    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

  • @mohammadshohag604
    @mohammadshohag604 Před 3 lety +1

    awesome explanation

  • @raghav042
    @raghav042 Před 3 lety

    Woww ❤️❤️❤️
    Thank you flutter team for these animated videos

  • @stevenmedina4030
    @stevenmedina4030 Před 2 lety

    you cant imagine how much problems i had with this error, and is mindblowing the solution was this easy! man, i suffered with it

  • @AdilRangila
    @AdilRangila Před 3 lety

    Such a great explanation 🤠

  • @muheebmehraj688
    @muheebmehraj688 Před 3 lety

    Beautiful explanation

  • @Algardraug
    @Algardraug Před 2 lety

    I love everyone on the flutter team soo much! I wish I could have dinner with them some time! And Todd from Firebase!

  • @user-vw5gh6jk5x
    @user-vw5gh6jk5x Před 5 měsíci

    Brilliant ways of explanation.❤

  • @ricardomilos857
    @ricardomilos857 Před 3 lety

    Thanks, very nice explanation

  • @aneeshvinesh
    @aneeshvinesh Před 3 lety

    That was a nice animated way to explain column behavior

  • @theflutterboi
    @theflutterboi Před 3 lety

    Another great upload.

  • @025adityakumarsharma4
    @025adityakumarsharma4 Před 3 lety

    Just last week I was struggling with the same problem and then I randomly added an Expanded to just experiment and got to this solution 😄

  • @andenetalexander5244
    @andenetalexander5244 Před 2 lety

    Nice video... I like decoding flutter series

  • @exoad
    @exoad Před rokem

    the animations to explain the behaviors are so funny haha!

  • @hamdiboujarra
    @hamdiboujarra Před rokem

    waw, really good explanation, fun to watch thank you for the great work

  • @walkerford5136
    @walkerford5136 Před 2 lety

    This guy needs his own HomeStarRunner-style channel.

  • @Gabzim
    @Gabzim Před 2 lety

    Please do more videos with talking components. Also their voices were spot on.

  • @harry356
    @harry356 Před rokem

    Fun animations, good explanation.

  • @flutterhacks2226
    @flutterhacks2226 Před 2 lety

    Super useful, thanks a lot 👍👍

  • @danghaile5528
    @danghaile5528 Před 3 lety

    Love the animations!

  • @srikanthpatri6586
    @srikanthpatri6586 Před rokem

    Amazing explanation :)

  • @an3p
    @an3p Před 3 lety

    Awesome video. Very clever.

  • @flutter__developer7889
    @flutter__developer7889 Před 3 lety +2

    Nice.tanks filiph❤

  • @amadojesusmartin9532
    @amadojesusmartin9532 Před 3 lety +8

    With this video even a dog learns :D

  • @ramirezvilla
    @ramirezvilla Před 3 lety

    These videos are amazing and hilarious , thank you for them! lmao

  • @sarahalmahfoudh7895
    @sarahalmahfoudh7895 Před rokem +1

    very helpful 😊

  • @mayconjf
    @mayconjf Před rokem

    Awesome explanation!!! ;)

  • @alaabashiyi3346
    @alaabashiyi3346 Před 3 lety

    Its like this video was made for me !! I'm learning Flutter and i was struggling last night with this exact issue !! And Walla !! What the ffff..lutter 😱

  • @hactam7358
    @hactam7358 Před 3 lety

    Such a wonderful video

  • @lasindunuwanga5292
    @lasindunuwanga5292 Před rokem

    I like this guy.. he is a great presenter

  • @AbubakarShaikh
    @AbubakarShaikh Před 3 lety

    wonderful work

  • @manikandanm8621
    @manikandanm8621 Před 3 lety

    Good explaination

  • @mohamedmansour7475
    @mohamedmansour7475 Před 2 lety +1

    Great explanation 👌

    • @flutterdev
      @flutterdev  Před rokem

      Thanks for watching, Mohamed! We appreciate your support and feedback 🙌

  • @romitkarmakar5169
    @romitkarmakar5169 Před 2 lety

    wtf that's amazing explanation. Never thought it will be such a fun to learn such an amazing concept.

    • @flutterdev
      @flutterdev  Před rokem +1

      We're so glad that you've enjoyed the video, Romit! Don't forget to check out the video description for more great resources in addition to more Decoding Flutter episodes here → goo.gle/3JEKl4E

  • @DebugWithAdam
    @DebugWithAdam Před 3 lety

    Hahhhhhh 😂😂😂 what a funny and educative video, my love for flutter is inevitable 💯 ❤️‍🔥

  • @asandax6
    @asandax6 Před 2 lety

    This is a nice explanation 🤣. I want everything

  • @josefatef9656
    @josefatef9656 Před 3 lety

    Great video

  • @VladimirDjokic
    @VladimirDjokic Před 3 lety

    i know all about this but I watched the video, the talking layouts were awesome :) hehe cool :)

  • @humancyyborg
    @humancyyborg Před 2 lety

    I enjoyed watching this

  • @jobandeepsingh3435
    @jobandeepsingh3435 Před 3 lety

    I like these cute animations
    Flutter is awesome

  • @6868.
    @6868. Před 2 lety

    That's what I needed 💪

  • @heaven7pro
    @heaven7pro Před rokem

    Oh my god-that's really awesome!