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;
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 102

  • @lucavenir5308
    @lucavenir5308 2 ปีที่แล้ว +156

    This team is just unbelievably good.

  • @sopheaktraphim9146
    @sopheaktraphim9146 2 ปีที่แล้ว +117

    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

  • @Vilmir
    @Vilmir 2 ปีที่แล้ว +19

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

  • @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 !

  • @Master-O-None
    @Master-O-None 2 ปีที่แล้ว +7

    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!

  • @gameplaystrailers7797
    @gameplaystrailers7797 2 ปีที่แล้ว +5

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

    • @laybunzz
      @laybunzz 2 ปีที่แล้ว +2

      aww shucks!

  • @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! ;)

  • @DZLier
    @DZLier 2 ปีที่แล้ว +7

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

  • @GhostNikki
    @GhostNikki 2 ปีที่แล้ว +2

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

  • @burakcankurtarr2751
    @burakcankurtarr2751 ปีที่แล้ว +2

    This video is sooo helpful dude. Ty so much.

  • @listendream2792
    @listendream2792 ปีที่แล้ว +6

    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 😎

  • @Liv_Life
    @Liv_Life 2 ปีที่แล้ว +9

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

  • @ivan_0590
    @ivan_0590 3 หลายเดือนก่อน +1

    Flutter documentation is just insanely good

  • @DeleMike7
    @DeleMike7 2 ปีที่แล้ว +2

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

  • @onedreamer
    @onedreamer 2 ปีที่แล้ว +2

    This video is a gem! Indeed! 🔥

  • @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! :)

  • @rizalhadiyansah
    @rizalhadiyansah 2 ปีที่แล้ว +6

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

  • @elquenoaplica3975
    @elquenoaplica3975 2 ปีที่แล้ว +2

    Excellent explanation
    Thanks

  • @incals
    @incals 2 ปีที่แล้ว +2

    Much needed video. 🔥🙏🙏

  • @roybryandavidfranckmarisca883
    @roybryandavidfranckmarisca883 7 หลายเดือนก่อน

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

  • @user-ie4dq4tj3w
    @user-ie4dq4tj3w 9 หลายเดือนก่อน +1

    Crucial information👍

  • @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 ปีที่แล้ว +3

    Thank you very much. This is very helpful.

    • @flutterdev
      @flutterdev  ปีที่แล้ว +1

      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

  • @rnd172
    @rnd172 2 ปีที่แล้ว +1

    thank for explanation!

  • @viacheslavsomin2542
    @viacheslavsomin2542 2 ปีที่แล้ว

    Outstanding!

  • @akashsrivastava7037
    @akashsrivastava7037 ปีที่แล้ว +3

    Flutter TH-cam channel is great ❤️

    • @flutterdev
      @flutterdev  ปีที่แล้ว +1

      Thank you for the love, Akash ❤️

  • @MoAdel92
    @MoAdel92 2 ปีที่แล้ว +2

    is this also applied in case of listview inside singlechildscrollview?

  • @raghav042
    @raghav042 2 ปีที่แล้ว

    Thanks to flutter team

  • @blablablabla29382
    @blablablabla29382 2 ปีที่แล้ว

    Thank you !

  • @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

  • @takudzwamakusha5941
    @takudzwamakusha5941 2 ปีที่แล้ว

    thank you

  • @Geek-jx3gw
    @Geek-jx3gw ปีที่แล้ว

    wanna know if this goes also for gridview builder ?

  • @salaheddine6556
    @salaheddine6556 2 ปีที่แล้ว

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

  • @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?

  • @tanujkarteekallena3917
    @tanujkarteekallena3917 ปีที่แล้ว

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

  • @cromuelbarut9859
    @cromuelbarut9859 9 วันที่ผ่านมา

    noted on this

  • @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 😅😅😅.

  • @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.

  • @kanishqsarkar1153
    @kanishqsarkar1153 2 ปีที่แล้ว

    WHoa, this changes the whole world for me.

  • @darul-asar381
    @darul-asar381 2 ปีที่แล้ว +1

    👍👍👍 thanks

  • @vtrdesign
    @vtrdesign 2 ปีที่แล้ว +1

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

    • @hc-ec6bm
      @hc-ec6bm 2 ปีที่แล้ว

      Yes. What did you do?

  • @rcjuancarlosuwu
    @rcjuancarlosuwu 2 ปีที่แล้ว

    awesome

  • @Gabeyre
    @Gabeyre 2 ปีที่แล้ว

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

  • @Hitogiri
    @Hitogiri ปีที่แล้ว

    u might have saved my life there

  • @AriadyPutra
    @AriadyPutra ปีที่แล้ว

    how is this compared to Columns wrapped with SingleChildScrollView?

  • @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!!!!!!

  • @xangultimate7991
    @xangultimate7991 2 ปีที่แล้ว

    Nice

  • @xinyuwang7837
    @xinyuwang7837 ปีที่แล้ว +1

    So why customscrollview and sliverlist could solve the performer problem ?

  • @coconutjohnny6530
    @coconutjohnny6530 2 ปีที่แล้ว +1

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

  • @sauravgupta6166
    @sauravgupta6166 2 ปีที่แล้ว

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

  • @wmxpy5272
    @wmxpy5272 2 ปีที่แล้ว

    0 unlike, in youtube. GJ flutter team

  • @mhmzdev
    @mhmzdev 2 ปีที่แล้ว +3

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

  • @PaoloLammens
    @PaoloLammens 3 วันที่ผ่านมา

    The link to the DartPad example is dead :(

  • @robertmrobo8954
    @robertmrobo8954 2 ปีที่แล้ว +1

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

  • @maheshjamdade1
    @maheshjamdade1 2 ปีที่แล้ว +1

    What the flutter 😂 This makes a nice meme

  • @muhammadyusoffjamaluddin
    @muhammadyusoffjamaluddin ปีที่แล้ว

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

  • @salaheddine6556
    @salaheddine6556 2 ปีที่แล้ว

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

  • @waelm.elsaid295
    @waelm.elsaid295 ปีที่แล้ว

    what about listview inside Pageview ?!

  • @moulikgupta6979
    @moulikgupta6979 ปีที่แล้ว +1

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

  • @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

  • @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

  • @TheEkkas
    @TheEkkas ปีที่แล้ว

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

  • @Leona_tf
    @Leona_tf 2 ปีที่แล้ว

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

  • @rahul_spawar
    @rahul_spawar 2 ปีที่แล้ว +1

    I want someone to explain recyclerview to me like this

  • @Chriscs7
    @Chriscs7 หลายเดือนก่อน

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

  • @hackerwhite7957
    @hackerwhite7957 11 หลายเดือนก่อน

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

  • @dertbom
    @dertbom 2 ปีที่แล้ว +1

    Well sliver me timbers!

  • @aminesinami8176
    @aminesinami8176 2 ปีที่แล้ว +3

    Flutter

  • @inkeyy3419
    @inkeyy3419 5 หลายเดือนก่อน

    Dart pad link is dead

  • @やぬし
    @やぬし 2 ปีที่แล้ว

    What the Flutter!?

  • @ninjaasmoke
    @ninjaasmoke 2 ปีที่แล้ว

    I hope google doesn't nerf flutter

  • @denvza
    @denvza 2 ปีที่แล้ว +1

    First

  • @dushes_botalov
    @dushes_botalov 2 ปีที่แล้ว

    Me with 5 lists inside list 👁️👄👁️

  • @trungbui3161
    @trungbui3161 2 ปีที่แล้ว

    damnnnnnnnnnnn

  • @monoforest9
    @monoforest9 2 ปีที่แล้ว

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

  • @tubeasjay
    @tubeasjay 5 หลายเดือนก่อน

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

  • @ooings
    @ooings 2 ปีที่แล้ว

    Pin me

  • @ajaykotiyal427
    @ajaykotiyal427 ปีที่แล้ว

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

  • @salmanrafi4253
    @salmanrafi4253 2 ปีที่แล้ว

    What the Flutter! 😂

  • @tomaszczajka1231
    @tomaszczajka1231 3 หลายเดือนก่อน +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?!

  • @tigeruppercut2000
    @tigeruppercut2000 3 หลายเดือนก่อน

    Womp womp link no longer has the content in question

  • @Liv_Life
    @Liv_Life 2 ปีที่แล้ว +1

    First