ShrinkWrap vs Slivers | Decoding Flutter

Поділитися
Вставка
  • Опубліковано 16 лис 2021
  • Learn about nested lists in Flutter, how the shrinkWrap parameter works, and why sometimes Slivers are the best tool for the job.
    See the differences in action on DartPad → goo.gle/3oCRRTt
    Get started with Flutter → goo.gle/Flutter
    Learn more about the Dart Language → goo.gle/2YF9OCi
    Watch more Decoding Flutter episodes → goo.gle/DecodingFlutter
    Don’t miss an episode, subscribe to Flutter → goo.gle/FlutterYT
    #DecodingFlutter #Flutter #Developer
    product: Flutter - Development - User interface; fullname: Craig Labenz;
  • Наука та технологія

КОМЕНТАРІ • 101

  • @lucavenir5308
    @lucavenir5308 2 роки тому +152

    This team is just unbelievably good.

  • @sopheaktraphim9146
    @sopheaktraphim9146 2 роки тому +114

    We need more "What the flutter" content because what he said in here, took me 10 hours to find the solution when I first learn about flutter

  • @Baraka0369
    @Baraka0369 2 роки тому +43

    Omg, was just experiencing this behavior and u came out of no where to deliver me the solution just in time !
    Thank you so much !

  • @Vilmir
    @Vilmir 2 роки тому +16

    Flutter is starting to really rock, and the speakers on the channel are great in their roles. Long life to the platform!

  • @Master-O-None
    @Master-O-None 2 роки тому +6

    Great video! I enjoy this type of short but extremely informative video ❤️

  • @My1CrJourney
    @My1CrJourney 2 роки тому +7

    I have to use shrinkWrap a lot. Wouldn't have known about the performance issue if not for this video. Thanks a lot!!
    And yeah, flutter rocks!!! And so does the flutter team!!!

  • @fredriksmedberg421
    @fredriksmedberg421 Рік тому

    Very good video with pedagogic explanations and animations. Thank you!

  • @kamalb
    @kamalb 2 роки тому +11

    Equally impressive as this video is the DartPad link attached. Seeing this in action should make the lesson last.

    • @laybunzz
      @laybunzz 2 роки тому +3

      I'll put you down as voting for more DartPad links! ;)

  • @listendream2792
    @listendream2792 Рік тому +5

    Well, I just did the Shrink Wrap 'true' today. Thanks for this awesome video. Thank you Flutter Team !

    • @flutterdev
      @flutterdev  Рік тому +2

      Thanks for the kind words, Htun! Be sure to subscribe to stay updated on the latest with Flutter: goo.gle/FlutterYT 😎

  • @gameplaystrailers7797
    @gameplaystrailers7797 2 роки тому +4

    I really like Craig explaining he has a clear voice and knowledge

  • @burakcankurtarr2751
    @burakcankurtarr2751 Рік тому +2

    This video is sooo helpful dude. Ty so much.

  • @DeleMike7
    @DeleMike7 2 роки тому +2

    I've been having issues with this thing. Thanks Flutter!

  • @GhostNikki
    @GhostNikki 2 роки тому +2

    this was the major issue I was facing. Thank you flutter 😎.

  • @fabiolucasdev
    @fabiolucasdev 2 роки тому +2

    This solution solve the complex FireBase data structure. I was forced to implement multiples listview to nagivate throught the entire tree of database until reach the end, and them, in the last listview, the data that i need was render. And now lets test this solution. Thanks Flutter Team! :)

  • @roybryandavidfranckmarisca883
    @roybryandavidfranckmarisca883 6 місяців тому

    Estos videos son muy utiles, imposible explicarlo mas facil y sencillo, muchas gracias!!!

  • @DZLier
    @DZLier 2 роки тому +7

    Thank you for declawing SliverDelegates a little bit, I have indeed found them very intimidating.

  • @onedreamer
    @onedreamer 2 роки тому +2

    This video is a gem! Indeed! 🔥

  • @elquenoaplica3975
    @elquenoaplica3975 2 роки тому +2

    Excellent explanation
    Thanks

  • @ivan_0590
    @ivan_0590 Місяць тому +1

    Flutter documentation is just insanely good

  • @incals
    @incals 2 роки тому +2

    Much needed video. 🔥🙏🙏

  • @user-ie4dq4tj3w
    @user-ie4dq4tj3w 8 місяців тому +1

    Crucial information👍

  • @Liv_Life
    @Liv_Life 2 роки тому +9

    Thanks flutter team for elaborate ListView. We Should take care of delegates

  • @rizalhadiyansah
    @rizalhadiyansah 2 роки тому +6

    I like this guy 🤣... Keep it up, this is incredible! 🔥

  • @davidagyakwa288
    @davidagyakwa288 2 роки тому +1

    Thank you so much .... flutter should show more error explanations like this

  • @anatolys9203
    @anatolys9203 2 роки тому +3

    Super! Thank you very much!

  • @Pedro5antos_
    @Pedro5antos_ 2 роки тому +1

    Great explanation as always!
    I was having this problem today HAHAHA

  • @waminthammanusati4978
    @waminthammanusati4978 Рік тому +2

    Thank you very much. This is very helpful.

    • @flutterdev
      @flutterdev  Рік тому

      We're happy that we were able to wrap all this information into a wonderful video for our Flutter community 😊

  • @maharta8458
    @maharta8458 2 роки тому +1

    Thank you for this

  • @viacheslavsomin2542
    @viacheslavsomin2542 2 роки тому

    Outstanding!

  • @rnd172
    @rnd172 2 роки тому +1

    thank for explanation!

  • @blablablabla29382
    @blablablabla29382 2 роки тому

    Thank you !

  • @raghav042
    @raghav042 2 роки тому

    Thanks to flutter team

  • @akashsrivastava7037
    @akashsrivastava7037 Рік тому +2

    Flutter UA-cam channel is great ❤️

    • @flutterdev
      @flutterdev  Рік тому

      Thank you for the love, Akash ❤️

  • @takudzwamakusha5941
    @takudzwamakusha5941 2 роки тому

    thank you

  • @MoAdel92
    @MoAdel92 2 роки тому +2

    is this also applied in case of listview inside singlechildscrollview?

  • @kanishqsarkar1153
    @kanishqsarkar1153 2 роки тому

    WHoa, this changes the whole world for me.

  • @darul-asar381
    @darul-asar381 2 роки тому +1

    👍👍👍 thanks

  • @jeromearenas8028
    @jeromearenas8028 2 роки тому +4

    WTF - What the flutter
    😂
    PS: I want more content focus on slivers, especially on scrolling animations.

    • @GhostNikki
      @GhostNikki 2 роки тому

      We should make. WTF as trend 😅😅😅.

  • @rcjuancarlosuwu
    @rcjuancarlosuwu 2 роки тому

    awesome

  • @xangultimate7991
    @xangultimate7991 2 роки тому

    Nice

  • @vtrdesign
    @vtrdesign 2 роки тому +1

    CustomScrollView expects 'slivers: []' parameter not 'children: []', great work guys!

    • @hc-ec6bm
      @hc-ec6bm 2 роки тому

      Yes. What did you do?

  • @coconutjohnny6530
    @coconutjohnny6530 Рік тому +1

    Edit: in the new version of Flutter the 'children' parameter in the CustomScrollView has changed to 'slivers'

  • @Hitogiri
    @Hitogiri Рік тому

    u might have saved my life there

  • @robertmrobo8954
    @robertmrobo8954 2 роки тому +1

    Now update the Flutter SDK to point to this video when this error occurs in our IDEs. ☺️❤️

  • @salaheddine6556
    @salaheddine6556 2 роки тому

    Should we do the same when It's SingleChildScrollView > ListView ?

  • @salaheddine6556
    @salaheddine6556 2 роки тому

    Perfect but if u can add some captions to these videos that will be great

  • @benjaminli21
    @benjaminli21 2 роки тому

    This is why I hate Flutter. It's so good that I feel so uncomfortable and boring when using another kind of technology... Ahhhh!!!! The best framework ever!!!!!!!!! Love you guys for making all these awesome videos!!!!!!

  • @mhmzdev
    @mhmzdev 2 роки тому +3

    Why you need some other tutorials or course when you have the creators teaching you the tech

  • @shahidwani6445
    @shahidwani6445 2 роки тому

    Hello sir,
    I have a future builder inside which I have listview builder
    Then I use inline banner inside LVB.
    The problem is when I scroll down below the banner ad then scrolling up again the ad reloads 🙏
    How to stop it

  • @Geek-jx3gw
    @Geek-jx3gw Рік тому

    wanna know if this goes also for gridview builder ?

  • @xinyuwang7837
    @xinyuwang7837 Рік тому +1

    So why customscrollview and sliverlist could solve the performer problem ?

  • @wmxpy5272
    @wmxpy5272 2 роки тому

    0 unlike, in youtube. GJ flutter team

  • @tanujkarteekallena3917
    @tanujkarteekallena3917 Рік тому

    did custom scroll view changed?
    cause i still have to use shrink wrap

  • @ataberkkoroglu8095
    @ataberkkoroglu8095 Рік тому

    Inner lists are rendered over scrolling. But every outerlist is built with it's only inner list's first item even if it's not scrolled. But what if I have abnormal amount of outer list? I can't find any solution for this problem.

  • @irjayjay
    @irjayjay Рік тому

    Maybe I'm just dumb, but if you already have outerListChildren defined as a list of SliverLists and so also _myWidgets as a predefined list of Widgets, then they're already created without any builders. The SliverChildBuilderDelegate is only returning the ready created widgets from the _myWidgets list.
    What am I missing here? It seems every possible list item has already been created, so this isn't any better than shrinkwrap?

  • @muhammadyusoffjamaluddin
    @muhammadyusoffjamaluddin Рік тому

    Can this guy host "What the Flutter??!!!" series? For Beginners? PLEASEEEEE

  • @maheshjamdade1
    @maheshjamdade1 2 роки тому +1

    What the flutter 😂 This makes a nice meme

  • @AriadyPutra
    @AriadyPutra Рік тому

    how is this compared to Columns wrapped with SingleChildScrollView?

  • @Gabeyre
    @Gabeyre 2 роки тому

    Are http links still safe? The desc has both http and https links.

  • @Aspiiire
    @Aspiiire 2 роки тому +1

    What? Basically I have made the same video about the same topic unintentionally, I haven't copied it :( btw this video was useful

  • @rahul_spawar
    @rahul_spawar 2 роки тому +1

    I want someone to explain recyclerview to me like this

  • @sauravgupta6166
    @sauravgupta6166 2 роки тому

    and what if I've something more other than inner list inside the outerlist ? can anyone pls help

  • @waelm.elsaid295
    @waelm.elsaid295 Рік тому

    what about listview inside Pageview ?!

  • @unnom7991
    @unnom7991 2 роки тому

    Please help me! I don't know if is a french Channel who gives also update like this one because i'm french and i don't understand very well the video, so tag the Channel if you know

  • @aminesinami8176
    @aminesinami8176 2 роки тому +3

    Flutter

  • @Leona_tf
    @Leona_tf 2 роки тому

    If they don't name their common issue fix or performance troubleshooting "What The Flutter", Imma riot

  • @moulikgupta6979
    @moulikgupta6979 Рік тому +1

    that dartpad ain't working!!!! Please fix it I need to have a look at it!!!!

  • @hackerwhite7957
    @hackerwhite7957 10 місяців тому

    i was asking this to chat gpt he also guide me the same thanks man woo

  • @dertbom
    @dertbom 2 роки тому +1

    Well sliver me timbers!

  • @Chriscs7
    @Chriscs7 17 днів тому

    And why does the slivers work without performance issue ? You did not explain that

  • @TheEkkas
    @TheEkkas Рік тому

    Sliverlist inside a SliverList ok?
    I.o.w what if you need to nest 2 levels deep?

  • @やぬし
    @やぬし 2 роки тому

    What the Flutter!?

  • @inkeyy3419
    @inkeyy3419 4 місяці тому

    Dart pad link is dead

  • @salmanrafi4253
    @salmanrafi4253 2 роки тому

    What the Flutter! 😂

  • @dushes_botalov
    @dushes_botalov 2 роки тому

    Me with 5 lists inside list 👁️👄👁️

  • @ninjaasmoke
    @ninjaasmoke 2 роки тому

    I hope google doesn't nerf flutter

  • @denvza
    @denvza 2 роки тому +1

    First

  • @trungbui3161
    @trungbui3161 2 роки тому

    damnnnnnnnnnnn

  • @monoforest9
    @monoforest9 2 роки тому

    완벽하게 내가 하고 있던 실수였다..

  • @tubeasjay
    @tubeasjay 4 місяці тому

    custom scroll view requires sliver (now) and not children :(

  • @ajaykotiyal427
    @ajaykotiyal427 Рік тому

    I think there should be "slivers" instead of "children" in CustomScrollView

  • @ooings
    @ooings 2 роки тому

    Pin me

  • @tomaszczajka1231
    @tomaszczajka1231 2 місяці тому +1

    DartPad link no longer works.. What the flutter? "The workshop mechanism previously described here is no longer supported"
    no alternative. they just killed the example.. At least leave source code guys

  • @BrendansReasons
    @BrendansReasons 2 роки тому +45

    Cool, thanks. Don't say wtflutter please

    • @dertbom
      @dertbom 2 роки тому +2

      Oh then you really were going to hate what I was going to say, what do you get when you cross a Flutter and a Dart dev. I'm guessing not cool. :-)

    • @ashaanoop2551
      @ashaanoop2551 2 роки тому

      Why not?!

  • @user-pz1ce7on4x
    @user-pz1ce7on4x 2 роки тому

    To many "What the flutter"

  • @tigeruppercut2000
    @tigeruppercut2000 2 місяці тому

    Womp womp link no longer has the content in question

  • @Liv_Life
    @Liv_Life 2 роки тому +1

    First