Slivers Explained - Making Dynamic Layouts (The Boring Flutter Development Show, Ep. 12)

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 100

  • @LukePighetti
    @LukePighetti 5 років тому +158

    Man, I'm glad to know that even the creators of Flutter stumble through the API.

    • @HighEndDigitalArchitect
      @HighEndDigitalArchitect 4 роки тому

      Is it that painful in real life scenarios?

    • @nihaddelic
      @nihaddelic 3 роки тому +4

      @@HighEndDigitalArchitect Slivers are advanced things in flutter, so answer is no

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

      When you are working on a large project. You always gonna forget part of the code on how the project work. Just seeing the code you will remenber.

  • @danvilela
    @danvilela 5 років тому +77

    Man we are so privileged these days. Learning from the flutter team tech lead himself in the comfort of our homes and for free! Thanks for this.

    • @michaelgates60
      @michaelgates60 5 років тому +2

      They are doing that so as not to go down as Windows did with their mobile OS. So that when Fuchsia OS finally comes out there will be developers to code the apps

    • @shubhammittal9764
      @shubhammittal9764 4 роки тому +1

      Yeah! it's almost taken for granted. But really just a few dozen years ago, learning any skill would have been much more work, no such quality teachers were widely available.

  • @seccat
    @seccat 5 років тому +36

    We need a “Sliver of the Week” series for a high level view of all these classes.

  • @DerNivel
    @DerNivel 5 років тому +97

    Why am I still misreading Slivers as Silvers? Actually it took me months to actually realize that it's called Slivers and not Silvers. And I always wondered why these are called Silvers 😂

  • @dll9900
    @dll9900 5 років тому +35

    After many years I have fun in mobile developement again. Thank you Flutter.

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

      So much fun, totally agree 👍. The documentation makes such a difference.

  • @BrazilMentionedHueHue
    @BrazilMentionedHueHue 4 роки тому +20

    pinned:true "Yeah, this took me days to implement", i feel you my dude

  • @RiwenX
    @RiwenX 3 роки тому +8

    "I just copy -paste, that's my favorite way to implement anything"
    Amen to that.

    • @ManuelGeier
      @ManuelGeier 3 роки тому

      😂 I had to laugh when he said that

  • @festrano5369
    @festrano5369 4 роки тому +3

    Ian should be in the Development Show more often !!

  • @Gentleman217
    @Gentleman217 3 роки тому +4

    12:40 "notice the shadow (⚠), thad took me days to implement" 😂

  • @DustinGraham
    @DustinGraham 5 років тому +4

    When Filip opens the documentation on RenderSliver I saw a red button at the top right corner of the page that says "Purchase Dash". I got super excited that there might finally be a way for me to buy a Dash plush toy! Some quick Google searches then informed me that the documentation browser he's using is called "Dash" and then my dreams of having a Dash plush for Christmas were promptly _dashed_ (pun intended). Thanks for getting my hopes up #BoringShow!

    • @filiphracek
      @filiphracek 5 років тому +1

      Haha. I did not make that connection.

    • @raveeshdotme
      @raveeshdotme 5 років тому +1

      In #FlutterVerse we call it pub intended

  • @CreativeBracket
    @CreativeBracket 5 років тому +2

    Another great video Flutter team!!! Never really got the gist of Slivers till now. It was also great to meet you in person Filip, and to try my game at Flutter Live event. The traction that Flutter has gained motivated me to start my UA-cam channel teaching Dart on serverside and web. Subscribers are learning to build full-stack web applications with Dart 🎯

  • @RobbieOneKenoby
    @RobbieOneKenoby 5 років тому +3

    This show is not boring anymore ;) my fav episode of the series. Thanks ! also it's great to see Hixie

  • @fahemprobelili2208
    @fahemprobelili2208 3 роки тому +1

    I find this video particularly interesting as the coder plays the role of anyone new to the Sliver world (wonderful world). Big thanks !

  • @seccat
    @seccat 5 років тому +10

    It good to know that the TL, doesn’t have all of this memorized

  • @JandN
    @JandN 5 років тому +2

    Always wanted some good tutorial on slivers. Thank you so much!

  • @bliyanageasanka9739
    @bliyanageasanka9739 5 років тому +1

    Finally Ion Hixsen on the boring show. Thanks Flutter team

  • @bacharsaleh6984
    @bacharsaleh6984 5 років тому +1

    Nice to see Filip again :) !!. Amazing episode as usual, lot to learn, waiting for more =D

  • @BotanAbdullah
    @BotanAbdullah 5 років тому +3

    I have been through the entire show, but for beginner flutter developers, it would be really helpful to have an episode that showcases Firebase services using BloC pattern.

    • @WeirdScienceTime
      @WeirdScienceTime 5 років тому

      There are other videos out there about this. Also I feel the block pattern is and unnecessary stumbling block. For me anyway. It's really just a service layer and it seems like it would be simpler if they just said that.

  • @thkp-eng
    @thkp-eng 3 роки тому +1

    Great Video! Super helpful for grokking slivers!

  • @pradeep422
    @pradeep422 5 років тому +1

    Ofc Boring show continues Bravo!!!!!! Flutter team.

  • @obeydadjeffal4442
    @obeydadjeffal4442 5 років тому +2

    Great episode, i wonder if you're planning to do an episode on Staggered Animations, not just a simple demo, an advanced episode would be great

    • @filiphracek
      @filiphracek 5 років тому +1

      Thanks! Yes, staggered animations are definitely on our list.

  • @dartland433
    @dartland433 4 роки тому

    Please make a another boring show with ian hickson .
    Great boring show..👌

  • @blank-vw2sb
    @blank-vw2sb 5 років тому +1

    This not Flutter Boring Show,
    This is Flutter Exciting Show...

  • @andzejmaciusovic9532
    @andzejmaciusovic9532 5 років тому +1

    This is how you promote your product. Thank you.

  • @mars009
    @mars009 5 років тому +1

    Damn, this was so well done and extremely interesting. Thanks a ton!

  • @paterson.
    @paterson. 5 місяців тому

    Thanks for the video!

  • @AllYouWantAndMore
    @AllYouWantAndMore 5 років тому

    I can't believe I'm putting myself through the pain of watching this boring show again.

  • @fredagsfys
    @fredagsfys 3 роки тому

    This isn't boring :) Super interesting!

  • @hariangr
    @hariangr 5 років тому

    finally
    Sliver is really weird, glad you guys made video about it

  • @friebetill
    @friebetill 5 років тому +2

    Hixie, what a legend! #MakeHixieProudAgain

  • @toolscrape9154
    @toolscrape9154 5 років тому +2

    I now know how to make relatively complex flutter apps.
    However, I want to make games, but I can't understand some flutter frameworks docs (flame and sprite-widget).
    So could you guys touch on making simple 2D games on a video.
    Thanks.

    • @dll9900
      @dll9900 5 років тому +1

      Punker Sapz I wouldnt recommend you building a game on this SDK. Go the usual way and develope it on an engine like unity or unreal. You can port them to mobile aswell.

  • @professorneila2941
    @professorneila2941 5 років тому +2

    love the opening music

  • @sylvesterasiedu
    @sylvesterasiedu 3 роки тому

    Thanks for all you create for us. Can you use slivers to create sticky grouped headers for lists that has data coming from Firestore?

  • @IgorKurilenko-m4q
    @IgorKurilenko-m4q Рік тому

    Why CustomScrollView doesn't support shrinkWrap and centerKey arguments at the same time? I am going to use two SliverLists with the centerKey specified for the bottom SliverList. But I need the first items of the list to render in the center of the screen. How can I implement this UI requirement in case of the impossibility to use shrinkWrap and centerKey at the same time?

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

    saved the day!

  • @kakarnyori5457
    @kakarnyori5457 3 роки тому

    Very interesting presentation!

  • @raveeshdotme
    @raveeshdotme 5 років тому +3

    At 5:20 Did you mean SingleChildScrollView?

  • @TongaCodes-v4r
    @TongaCodes-v4r 2 місяці тому

    What if I have a list, particularly a PagedListView from infinite_scroll_pagination, that I need to reuse in 2 places, one that makes sense to add it as a sliver (like in this example) and other one that doesn't? I assume there's no neat way to reuse it?

  • @ESTJ-eh2yn
    @ESTJ-eh2yn 3 роки тому +1

    6:26 😂😭
    What happens if we use the SliverAppBar first of all?
    IAN: It's not going to be happy at all.

  • @danvilela
    @danvilela 5 років тому

    This is awesome! Wanna try it out in some apps

  • @BrendansReasons
    @BrendansReasons 9 місяців тому

    Awesome!

  • @kelvindavid3446
    @kelvindavid3446 4 роки тому

    mehnn thanks to flutter team you guys are making this really easy

  • @BrendansReasons
    @BrendansReasons 9 місяців тому

    What is the "Dash" program he navigates to around 22:05?

  • @JohnDoe-gl4ql
    @JohnDoe-gl4ql 5 років тому +1

    46:16 => Yeah that's like the motto of developers.

  • @rakeshprajapat7780
    @rakeshprajapat7780 4 роки тому

    is there any chance can i put background as image in sliver app bar in my flutter app.

  • @pentoselin2533
    @pentoselin2533 5 років тому

    Hi Filip, could you show us how to finish the refresh with FLARE?

    • @filiphracek
      @filiphracek 5 років тому

      That's a really good idea for a future episode!

  • @MrStupiuno
    @MrStupiuno 4 роки тому

    How would I go about adding a Scrollbar to the sliverlist?

  • @raveeshdotme
    @raveeshdotme 5 років тому

    I am following this video right now and I would have liked a list of names provided. :-p

  • @hariangr
    @hariangr 5 років тому

    9:34
    Hey Matt, what laptop do you usually use for flutter (Since you said you're not used to type on MacBook)

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

    How to change the text of sliver bar when its collapse or expanded..?

  • @jimmyneutronstar5127
    @jimmyneutronstar5127 4 роки тому

    so, can i have two CustomScrollViews in a column? Couldn't figure it out..

  • @kartikpatel2164
    @kartikpatel2164 5 років тому

    Hey, how to scroll only the middle portion after that the other portion must be stagnent ?

  • @khw9082
    @khw9082 4 роки тому +5

    "If I remember that correctly."

  • @다랑어-j1k
    @다랑어-j1k 3 роки тому

    how do i get the full height of customScrollView?

  • @vigneshramakrishnan6573
    @vigneshramakrishnan6573 5 років тому

    Hey Filip! Can we have access to the code please??

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

    good shivers tutorial

  • @SondreSrbye
    @SondreSrbye 5 років тому

    I make an app using firestore and a bottom navigation bar. The problem is that when I switch between tabs, the build method is called everytime. The build method downloads data from firestore. Therefore, the app flickers when I switch tabs. I tried to fix this by moving the firestore stream to the constructor. However, since the stream can emit before the build method, it loads forever. If someone has some experience with this, I would love some help. It's my first flutter project.

    • @filiphracek
      @filiphracek 5 років тому

      Good question! It's not recommended to do anything major in your build method. I recommend you put your Firestore logic into initState or somewhere like that. You can view some of the past Boring Show episodes where we build the HackerNews app (current version here: github.com/filiph/hn_app). Hope that helps. More docs and recommendation on how to solve these issues forthcoming.

    • @SondreSrbye
      @SondreSrbye 5 років тому

      @@filiphracek thanks for answer. The GitHub link returns 404 error. Which episode do you make the hackernews app?

    • @filiphracek
      @filiphracek 5 років тому

      @@SondreSrbye Ahh, try the link without the closing parenthesis. Looks like UA-cam's link auto-detection isn't clever enough to filter it out. The first few episodes of the boring show are all about the HN app.

    • @SondreSrbye
      @SondreSrbye 5 років тому

      Here is a more in depth description of my problem: stackoverflow.com/questions/53870510/save-last-emitted-value-of-stream-in-dart

  • @mickmoon6887
    @mickmoon6887 5 років тому

    That intro though

  • @wepranaga
    @wepranaga 4 роки тому

    I wish you guys got more in depth on the implementation. not just copy pasting code like it's boilerplate from existing implementation. We're really missed the point there

    • @InfamousBlackGuy
      @InfamousBlackGuy 3 роки тому +1

      They literally explain how to implement it though

  • @jabtube9
    @jabtube9 5 років тому +2

    hi can you undestand questions in french ??

    • @andrewbrogdon558
      @andrewbrogdon558 5 років тому +2

      If not, we promise to try Google Translate on them. :)

  • @joevero4568
    @joevero4568 5 років тому

    Slivers were so fun before they ruined the mirror matchup interaction

  • @rushikeshpatil7253
    @rushikeshpatil7253 4 роки тому

    Make videos on firebase storage

  • @Dorumin
    @Dorumin 5 років тому

    13:30 link to issue: github.com/flutter/flutter/issues/24634

  • @rk1only4you1
    @rk1only4you1 5 років тому

    Thanks

  • @Anik70053
    @Anik70053 4 роки тому

    It's not boring any more

  • @utpalbarman6125
    @utpalbarman6125 3 роки тому

    13:29 still happening in 2020 December, this bug is annoying

  • @jagmit
    @jagmit 4 роки тому

    12:47

  • @MohFared-hp1jx
    @MohFared-hp1jx 4 роки тому

    was so supper confusing, you guys are not setting the frequency to every body, we are not all super developers, please keep in mind that people like me are still learning.
    please simple word and focus on main functions and what we can do with it and how we can use it.