Make Anything in Flutter using RenderObjects
ฝัง
- เผยแพร่เมื่อ 13 ก.ค. 2024
- RenderObjects gives you the power to create anything in Flutter. Learning this you will get a deeper understanding and also a feeling that you can accomplish anything 👏
Course to build a production-ready app 👉 robertbrunhage.com/course
Full writeup: robertbrunhage.com
👉 Have additional questions, join Discord: / discord
Want to support me?
♥ Patreon: / robertbrunhage
♥ BuyMeACoffee: buymeacoffee.com/robertbrunhage
♥ Paypal: paypal.me/robertbrunhage
····················································································
You can find me on:
● Website: robertbrunhage.com
● Twitter: / robertbrunhage
● Discord: / discord
····················································································
😎 Subscribe: bit.ly/2SUyRhx
00:00 Overview
01:25 Creating a LeafRenderObjectWidget
02:35 RenderBox
03:30 Layout
04:50 Painting
11:34 Drag functionality
Sub to creativecreatorormaybenot: th-cam.com/channels/Df73A8sVgbYKX192SLMn1w.html
Inspiration: medium.com/flutter-community/creating-a-flutter-widget-from-scratch-a9c01c47c630
Such an awesome video and intro to RenderObjects!
And much love for the mention ❤️
Got motivated by all your awesome work so, much deserved!
And thank you!
This is what I was waiting for 🥳
This was really great Robert :)
Really nice to see a video on this topic. It is not a topic that has been covered a lot, so it is very welcome. One could make just a series on total custom widgets and painting in Flutter. However it is a bit niche, so the audience might be a bit limited. Appreciate that you took the time to make this content, got an idea for how to improve one of my custom paint widgets from it, some day when I have time... 😀💙
Finally !!!!!! Waiting for so long for that kind of video🥺. Thank you so much sir🙇🏻♂️
Glad you liked it!
Very well done!! Thank Robert!!! Peace!
It was awesome if you could make more examples of this, maybe driving deeper into what's going on behind the scenes and what all the methods, we have to overwrite do. Awesome video as always! ;)
Noted, thanks!
🤯 Thank you for explain with process
Glad it was helpful!
Well done. Superb Content.
Wow this is great
Glad you liked it!
This is a real tutorial, really cool thanks for sharing 😁
You’re welcome 😊
Another great video! I have a better appreciation for what's going on behind the scenes now. It would be cool to see further render object use cases with low level customization of existing widgets
Glad you liked it, writing it up!
Love this.
Thanks Nash!
Hi thanks for sharing the knowledge. Keep it up bro ❤️. Btw which font are you using on vs code?
After some experiments, you can port flutter to web by replacing RenderObject's with dart:html Node's: find & replace, litle refactor, update runApp and BuildOwner.
and we have new web framework for dart.
And there possibilities to write compiler for angulardart over RenderObject's for flutter.
(sorry for english grammar)
Great video. What would you say is the main benefits of creating this custom widget like a RenderObject, instead of building it using multiple already existing widgets? Would be interesting to measure the performance difference (if it has any real implications) and see if it would be easiter or harder to implement.
Great
Thanks!
Great introduction and motivated to dig into renderObjects. Kudos and keep it up. 😀
However at 5:07 I fail to understand how translate adjusts the canvas size. As per my understanding it only moves the canvas to the specified offset in the screen, right?.
You are correct, my mistake 😅
I create some think like overly entry with stack an I do it but I have a question? , I have a list that I added to it the widget and when I will add one more it render the other width or ?! Or just render the last width that I added it ?
Please do fyp like easy tutorials for FINAL year students who want to do flutter 🍃
Do you have any examples of what you would like to see?
Clones of popular apps
@@RobertBrunhage i want to build an app that helps a student.. manage his daily University life.. i mean fiest saving Time table and getting notifications prior 15 mins before a class for each class.. the app shows a nice interface for daily agenda and reminders a section of todo list and a section where he can store names Numbers of teachers etc
@Eucalypticus bro i want to complete my FYP project can you please maybe contact we could just do some chat on how to implement it?
I liked the video even though it was discouraging ._.
The drawing part is okay but all the other initial code is soo time consuming
Agreed and most of the time it's not needed to do all of these things, that is why we have widgets!
This is just if you want to do something very niche that you currently can not accomplish with widgets, or want extra control over something :)
What is advantage over simply using CustomPainter?
You might have simplified some of the Offset calcs with Offset.lerp(). That looks like a slick thing, and is also available for size, rotations, and all sorts of draw stuff.
Thanks for the feedback Randal, and for sure!
I am probably one of the worst people at math so didn't think of it 😂
@@RobertBrunhage Also, consider things like aSize.bottomLeft(Offset.zero) to get the "lower left" of your drawing area, similar with .bottomRight. And you can replace .zero with (0, -20) to get a point 20px above that. Or use .bottomCenter to get midway across, and centerLeft to get midway up the left side. Lots of math done for you!
@@RandalLSchwartz Oh this is sweet, will probably use more of that now haha
can you explain for MultiChildRenderObjectWidget?
How to add nvidia render animation in flutter apps
Thats good but you havent answered or explained why anyone would want to do this. This can also be achieved with just the normal widgets yes?
hi, thanks for posting such a great content , can you restructure the entire channel playlists ?
many vids are not in a playlist and i wanna download all of them , not one by one , using a software to download entire playlist is very helpful , also it would be a shame as you are one of the State Management Masters and can't manage your videos :P just kidding :D
just keep that in mind :)