How to build a RenderObject - Flutter Build Show
ฝัง
- เผยแพร่เมื่อ 13 ต.ค. 2024
- 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/Flutte...
Subscribe to Flutter! → goo.gle/FlutterYT
#FlutterBuildShow
Subscribe for the latest → goo.gle/FlutterYT
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
@@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.
Thanks for a great show, and please add Arabic subtitle
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!
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!
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!
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.
Ooohhhh this is gonna be a masterclass series ! Glad for your time preparing this
Great explanation. I have one doubt. Who is mark and why he needs layout, paint ..etc!!
😂
🤣🤣
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!!!
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.
Go forth and Flutter 💙
Wonderful start to the FlutterBuildShow! Already looking forward to the upcoming episodes.
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
It is 14th day I started using and learning Flutter at all! These tutorials help greatly! Amazing content! We need more!
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 😊
Flutter team is doing so good job for community and education. ❤
Props for explaining this topic so well!
Amazing stuff. Thank you. If possible, could you do separate episodes for each of the different parent RenderObjects?
This is the power of Flutter 👌
Awesome to see some more technical talks from the Flutter Team! More of this please!
I didn't even know I could do that and this is exactly what I needed. Good work folks!
Super helpful! Would love to see a very similar video with a MultiChildRenderObjectWidget to understand the best practices around laying out the child widgets.
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.
Well explained Craig! Looking forward to the rest of the series 🎉
One of your best presentations more professional 👏, thank you
It's amazing this could be Developer series
That was really nice explanation.
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.
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!
Fantastic, cant wait for more episodes 🙌
A case with RenderSliver would be great!
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.
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.🎉
So useful and well explained! love it and I'm exciting for the next one
very well explained, good job.
Thank you for this video, Flutter team!
Thank you guys. It came just in time. :)
Amazing video Craig! Thanks for sharing!
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
🔥Awesome🔥
Thanks and really excited for this new series!
THIS commentator looks like he came out right of the Bully game and nailed the explanation no one else can possibly do 😂
Thanks, and really excited for this new series!
Благодаря вашим советам, я чувствую себя готовым к арбитражу. Спасибо!
Awesome format!
Its a presentation really amazing!!!
Great video! Love the Flutter details!
seems like epic series coming in!
This is DEEP. AWESOME.
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.
It's a really nice tutorial, I enjoyed it.
Here we go for the glory !
This is super helpful. Thanks!
gawdamn you're good at explaining! thx for the info
amazing series thanks for the clarifications
Is ListenableBuilder now a part of the flutter framework? If not I guess just use a animated builder to the same effect.
Great Explanation.👌
Thank you so much!!
How about a vid on calling out platform specific channels etc
Love this! Thank you🤩
Expecting Something about FLUTTER💙 WEB performance improvement ..
A live comparison of any JS framework vs Flutter WEB
Please, talk about how to implement custom Slivers and other Scrollables
Great explanation brother, keep it up
For future episodes how about custom slivers?
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.
what is your recommended home screen widget plugin ?
owo 🙄🙄🙄 so much knowledge !! but loved it❤❤.. Please bring someting more complex ui like this🤔🤔
Craig is rivaling Filip for who is the best at explaining complex topics
Filip remains unrivaled!
@@laybunzz haha but for real this was a really good explanation. Great job and excited for more from this series
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👌
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 ❤❤❤❤
Amazing. Love it!
Also, we need more examples about integration with machine learning.
Awesome guys!
Cool, could you explain how coordinate systems work in flutter?
Wow 🤩! It was great!
its an owsome video i for flutter , thaks a lot for this
Nice. Very helpful.
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
great . waiting for next
Would love to have bit longer and more indepth code explanation
Thanks
Would be great to see you implement clone of vscode or such❤
can you provide reusble code for a toggle button to toggle dark mode with shared preference
in my code there's a flicker when the app tries to read from shared prefs
Awesome content
Amazing!
This is great!
Great!
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
Nice title btw
I just need to be this fast on my next interview.
Make a video about services.
مذهل !
Good one tbh! :D
love it
🔥
SUPER !
A lot of the code looks like boilerplate. Can't we generate these with code generation packages like freezed?
"This fully commented code is available below"
Code: Not a single comment
LMAO
Super!
What VSCode theme is that?
How know the height of a widget before it's build and set same height to other widgets?
Write your own RenderObject!
when I download the project and try to run it. it says ListenableBuilder doesn't exist? anyone?
❤
This is too much for my head... need to watch again n fellow along with the code