How to build a RenderObject - Flutter Build Show

Поделиться
HTML-код
  • Опубликовано: 17 апр 2023
  • In this episode, go behind the scenes with RenderObjects and learn when, why, and how to write your own.
    Full source → goo.gle/3GU6ufj
    Catch more videos → goo.gle/FlutterBuildShow
    Subscribe to Flutter! → goo.gle/FlutterYT
    #FlutterBuildShow
  • НаукаНаука

Комментарии • 130

  • @flutterdev
    @flutterdev  Год назад +23

    Subscribe for the latest → goo.gle/FlutterYT

    • @muhammadyusoffjamaluddin
      @muhammadyusoffjamaluddin Год назад

      5:33
      ListenableBuilder??? Nothing I can see from the documentation
      I even got error it's not exist!
      I Google for the same name and there's only valueListenableBuilder class, what gives?
      Flutter 3.7.11, Stable Channel, Dart 2.19.6

    • @paulmuchwat4869
      @paulmuchwat4869 Год назад +1

      @@muhammadyusoffjamaluddin The ListenableBuilder is available in beta channel 3.10.0-1.1.pre, but you can replace ListenableBuilder with AnimatedBuilder, it will still work the same.

    • @yousef.a.k3793
      @yousef.a.k3793 Год назад

      Thanks for a great show, and please add Arabic subtitle

  • @ShawnMilo
    @ShawnMilo Год назад +12

    I rarely comment on videos, but I have to do so here. This is the **best** presentation I've ever seen for a video about code. No fumbling to type live, full code is provided in the description, everything is explained clearly, and most of the screen time (and pixels) go to the code editor. More, please!

  • @theflutterboi
    @theflutterboi Год назад +58

    Great explanation. I have one doubt. Who is mark and why he needs layout, paint ..etc!!

  • @filiphracek
    @filiphracek Год назад +8

    Fantastic! You just casually solved a problem I had by pointing me in the right direction. And, best of all, I was able to learn this while eating schnitzel.
    Looking forward to more episodes!

  • @venir_dev
    @venir_dev Год назад +21

    Things are finally getting spicy! We needed non-trivial content since a long time, and Craig simply ROCKS it: thank you! And thank you, Flutter team!

  • @dovas90
    @dovas90 Год назад +16

    Ooohhhh this is gonna be a masterclass series ! Glad for your time preparing this

  • @martinmj94
    @martinmj94 Год назад +2

    Wonderful start to the FlutterBuildShow! Already looking forward to the upcoming episodes.

  • @user-sm7wp9pi5m
    @user-sm7wp9pi5m Год назад +23

    It would be great to see a similar video only for RenderSliver. It would also be interesting to see a detailed analysis of the functions of the Element class and its subclasses.
    Also, the topic of Bindings (SchedulerBinding, WidgetBinding and etc.) is poorly covered in the network

  • @philosophia5577
    @philosophia5577 Год назад

    Resizing widgets as the child inside it grows is a problem I was facing from last 3-4 hours and this video solved it. Great one!!!

  • @ShawnBlais
    @ShawnBlais Год назад

    Awesome to see some more technical talks from the Flutter Team! More of this please!

  • @mephistotel87
    @mephistotel87 6 месяцев назад

    It is 14th day I started using and learning Flutter at all! These tutorials help greatly! Amazing content! We need more!

  • @wembleyleach
    @wembleyleach Год назад

    Wow, amazing first video! I'm looking forward to the rest of the series. This is going to be a great reference for me later on.

  • @calvinvanwieringen2459
    @calvinvanwieringen2459 Год назад +1

    You have no idea how long I have been looking that that exact scenario for the timestamp, and just as you said landed on a postframecallback solution. But it did cause frame issues. So grateful for this video.

    • @laybunzz
      @laybunzz Год назад

      Go forth and Flutter 💙

  • @rohantaneja
    @rohantaneja Год назад

    Well explained Craig! Looking forward to the rest of the series 🎉

  • @BrutalCoding
    @BrutalCoding Год назад +18

    Presentation skills on point 👌. Seriously!
    I’d like to see a video or article someday of what’s involved into breaking down a complex topic into an easy to follow format.

    • @bobby9568
      @bobby9568 Год назад

      Presentation skills using over-extended-face-expressions lol

    • @bobby9568
      @bobby9568 Год назад

      someone else more versed into flutter wrote the script, made the presentation etc.

  • @TheJeroenweener
    @TheJeroenweener Год назад +3

    Props for explaining this topic so well!

  • @mostafijulislam8776
    @mostafijulislam8776 Год назад +3

    This is amazing!! 💙💙💙💙💙 Thank you! And just a curious idea for the future shows: A circular list widget. Like a column that connected it's both end and turned itself into a circle. Or maybe a listView, that did the same thing. Sounds fun to me 😊

  • @ItsRichardShank
    @ItsRichardShank 7 месяцев назад

    I didn't even know I could do that and this is exactly what I needed. Good work folks!

  • @sgruhier
    @sgruhier Год назад

    So useful and well explained! love it and I'm exciting for the next one

  • @mtho1850
    @mtho1850 Год назад +2

    Amazing stuff. Thank you. If possible, could you do separate episodes for each of the different parent RenderObjects?

  • @verticrow
    @verticrow Год назад

    🔥Awesome🔥
    Thanks and really excited for this new series!

  • @heaven7pro
    @heaven7pro 7 месяцев назад

    Awesome format!

  • @chordfunc3072
    @chordfunc3072 Год назад

    Fantastic, cant wait for more episodes 🙌

  • @algeriennesaffaires7017
    @algeriennesaffaires7017 Год назад

    One of your best presentations more professional 👏, thank you

  • @egycoder835
    @egycoder835 Год назад

    Thanks, and really excited for this new series!

  • @franmaric
    @franmaric Год назад

    Great video! Love the Flutter details!

  • @csmanul
    @csmanul 6 месяцев назад

    very well explained, good job.

  • @nurola
    @nurola Год назад

    Thank you guys. It came just in time. :)

  • @MarcusTwichel
    @MarcusTwichel Год назад

    Amazing video Craig! Thanks for sharing!

  • @pengain4
    @pengain4 6 месяцев назад +1

    Flutter team is doing so good job for community and education. ❤

  • @Gigameth
    @Gigameth Год назад +2

    That was really nice explanation.

  • @renanzumas4422
    @renanzumas4422 Год назад

    Its a presentation really amazing!!!

  • @TylerHolland
    @TylerHolland Год назад

    Super helpful! Would love to see a very similar video with a MultiChildRenderObjectWidget to understand the best practices around laying out the child widgets.

  • @anassb
    @anassb Год назад +1

    I really enjoyed this tutorial video 👍 because it explains new topic ideas. For future videos, I would love to see more about best practices in Flutter and the errors we need to avoid🤞. These are things that many developers miss. Overall, I found the video to be very helpful.🎉

  • @AnonymousAnonymous-nr8su
    @AnonymousAnonymous-nr8su Год назад

    Thank you for this video, Flutter team!

  • @alexmercerind
    @alexmercerind 9 месяцев назад

    This is DEEP. AWESOME.

  • @dj.yacine
    @dj.yacine Год назад +3

    This is the power of Flutter 👌

  • @parthrupareliya625
    @parthrupareliya625 Год назад

    seems like epic series coming in!

  • @dilshan3372
    @dilshan3372 Год назад

    Great Explanation.👌

  • @ahmedmohamed1340
    @ahmedmohamed1340 Год назад

    amazing series thanks for the clarifications

  • @shredder2794
    @shredder2794 Год назад

    This is super helpful. Thanks!

  • @user-uj3ye8bk9q
    @user-uj3ye8bk9q Год назад

    Love this! Thank you🤩

  • @hardikkumbhani
    @hardikkumbhani Год назад

    Great explanation brother, keep it up

  • @olasheniolasheni9015
    @olasheniolasheni9015 Год назад

    It's a really nice tutorial, I enjoyed it.

  • @aytunch
    @aytunch Год назад

    Great series and video. Next you can do something involving Overlays. Like a widget which renders on top of the current UI and can overflow its original size but gets positioned smartly so it doesn't extend the screen boundaries. Other widgets can react to this widgets expansion/contraction.

  • @imujtaba8488
    @imujtaba8488 Год назад

    Amazing. Love it!

  • @yehorh
    @yehorh Год назад

    Wow 🤩! It was great!

  • @craune6616
    @craune6616 Год назад

    gawdamn you're good at explaining! thx for the info

  • @gabrieluca
    @gabrieluca Год назад

    A case with RenderSliver would be great!

  • @khalsatech1313
    @khalsatech1313 8 месяцев назад

    its an owsome video i for flutter , thaks a lot for this

  • @hariihaaran
    @hariihaaran Год назад

    It's amazing this could be Developer series

  • @iyinusa
    @iyinusa Год назад

    Awesome guys!

  • @banglafactsteller6780
    @banglafactsteller6780 Год назад

    great . waiting for next

  • @ykorshev
    @ykorshev Год назад

    Nice. Very helpful.

  • @nidalbakir4720
    @nidalbakir4720 Год назад

    Thanks

  • @WouterStudioHD
    @WouterStudioHD Год назад

    This is great!

  • @douglasvalerio8880
    @douglasvalerio8880 Год назад

    Awesome content

  • @prince-sonawane
    @prince-sonawane Год назад

    Here we go for the glory !

  • @victorhenzzo1972
    @victorhenzzo1972 Год назад

    Amazing!

  • @pavsoor
    @pavsoor 8 месяцев назад

    This is super interesting! The only thing I could perhaps benefit from more is a little more depth in other ways this could be done and the flaws of doing so.

  • @whobitmyneck
    @whobitmyneck Год назад

    Yesss Thank youuu

  • @haotianyang740
    @haotianyang740 13 дней назад

    THIS commentator looks like he came out right of the Bully game and nailed the explanation no one else can possibly do 😂

  • @evanhossain1618
    @evanhossain1618 Год назад

    owo 🙄🙄🙄 so much knowledge !! but loved it❤❤.. Please bring someting more complex ui like this🤔🤔

  • @prince-sonawane
    @prince-sonawane Год назад

    Layout builder for building vs code like app maybe where we can drag and drop widgets in the layout of our liking and also resize them as per our requirement. this can be a great topic as we can do it on all the platforms. and many may be in search of the same.

  • @SecondFlight
    @SecondFlight Год назад +1

    Could this also be a way to squeeze out performance in a highly-custom layout scenario? It seems like this could allow you to granularly skip updating a render object in cases where you wouldn't be able to otherwise.

  • @brunopinto2447
    @brunopinto2447 Год назад

    Please, talk about how to implement custom Slivers and other Scrollables

  • @morekaccino
    @morekaccino Год назад

    love it

  • @mikeshin77
    @mikeshin77 Год назад

    Great!

  • @noninvasive_rectal_probe8990
    @noninvasive_rectal_probe8990 Год назад

    Would be great to see you implement clone of vscode or such❤

  • @jsfhzlrvr
    @jsfhzlrvr Год назад

    Super!

  • @JustinMylo
    @JustinMylo Год назад

    FEEDBACK:
    Show an informative, animated diagram of any widget you're building (with variable names for each attribute of the widget, i.e. sizeOfMessage variable shows what is actually the size of what in the diagram) beside the video. For example, it's getting a bit hard to understand starting from the part you introduced a lot of variables.
    Anyways, I learnt a lot from this video and I'm looking forward to watch the next one!

  • @fritzjimenez9109
    @fritzjimenez9109 Год назад

    Good one tbh! :D

  • @noninvasive_rectal_probe8990
    @noninvasive_rectal_probe8990 Год назад

    Cool, could you explain how coordinate systems work in flutter?

  • @jascodes
    @jascodes Год назад

    For future episodes how about custom slivers?

  • @chordfunc3072
    @chordfunc3072 Год назад

    Feedback:
    It would be nice if you added Sticky Scroll to your vscode config so that we could always see which class you where editing.
    For example here: 10:33, I have no idea.
    Its not obvious when you are learning some new concepts where thing goes

  • @tadaspetra
    @tadaspetra Год назад +4

    Craig is rivaling Filip for who is the best at explaining complex topics

    • @laybunzz
      @laybunzz Год назад +5

      Filip remains unrivaled!

    • @tadaspetra
      @tadaspetra Год назад +3

      @@laybunzz haha but for real this was a really good explanation. Great job and excited for more from this series

    • @BrutalCoding
      @BrutalCoding Год назад +1

      Hahaha I like Craig’s energy.
      What I also appreciate is that he’s often acting like he doesn’t know some trivial topics, which in turn helps with making these explainers less intimidating👌

  • @ingegodemin9263
    @ingegodemin9263 Год назад

    SUPER !

  • @Razalibgdekli
    @Razalibgdekli Год назад

    Thank you very much for all the explanations that you have presented even though you don't want to mention the name of a developer friend who is foreign to other people, Greetings dear to all application developers What makes Tech in Apps ❤❤❤❤

  • @abanoubha
    @abanoubha Год назад

    what is your recommended home screen widget plugin ?

  • @amcoderipper4116
    @amcoderipper4116 Месяц назад

    مذهل !

  • @tusharpadhy1991
    @tusharpadhy1991 Год назад +1

    How about a vid on calling out platform specific channels etc

  • @chordfunc3072
    @chordfunc3072 Год назад

    Is ListenableBuilder now a part of the flutter framework? If not I guess just use a animated builder to the same effect.

  • @bmetallaoui
    @bmetallaoui Год назад

    This was a great video. I learned so much more about building my own custom widgets and how to make my current ones better in the future

  • @ykorshev
    @ykorshev Год назад +1

    Also, we need more examples about integration with machine learning.

  • @user-nd6ez5us3u
    @user-nd6ez5us3u 3 месяца назад

    this can be done by statefull widget and updating the text using setstate but what is the draw back and benefits of using this way

  • @user-hq9fy9ou1u
    @user-hq9fy9ou1u Год назад

    🔥

  • @emmanuelekpar
    @emmanuelekpar Год назад

    Make a video about services.

  • @joelks
    @joelks Год назад +1

    can you provide reusble code for a toggle button to toggle dark mode with shared preference

    • @ajayantony7342
      @ajayantony7342 Год назад

      in my code there's a flicker when the app tries to read from shared prefs

  • @pikig4393
    @pikig4393 Год назад

    Nice title btw

  • @chaitanyadamarsingu9925
    @chaitanyadamarsingu9925 Год назад +1

    Expecting Something about FLUTTER💙 WEB performance improvement ..
    A live comparison of any JS framework vs Flutter WEB

  • @tutorial3473
    @tutorial3473 Год назад +1

    Would love to have bit longer and more indepth code explanation

  • @IgnacioZhang
    @IgnacioZhang Год назад

    cool

  • @sherpa-e5i
    @sherpa-e5i Год назад

    What VSCode theme is that?

  • @lijack446
    @lijack446 Год назад

    Dive deep and hardcore I like it ❤

  • @Ashishlahre
    @Ashishlahre Год назад

    I just need to be this fast on my next interview.

  • @this_is_mac
    @this_is_mac Год назад

    A lot of the code looks like boilerplate. Can't we generate these with code generation packages like freezed?

  • @yadhusanil7077
    @yadhusanil7077 Год назад

  • @adonissantos2925
    @adonissantos2925 Год назад

    How know the height of a widget before it's build and set same height to other widgets?

    • @laybunzz
      @laybunzz Год назад +2

      Write your own RenderObject!

  • @emanuelfonseca6371
    @emanuelfonseca6371 Год назад

    when I download the project and try to run it. it says ListenableBuilder doesn't exist? anyone?

  • @vivekpolara585
    @vivekpolara585 Год назад

    👌👌👌👌👌