How Custom RenderObjects can make your life easier
summary
About 70% of devs never write a render object and 12% admit being intimidated, yet concrete wins push it: custom layout solves a chat reaction bar that must sit at the right except when a smaller incoming message forces a left offset, makes a left gray bar match an image grid without expensive IntrinsicHeight (claimed proportional to the square of widget tree depth), and renders up to five overlapping avatars efficiently. The demo builds a SlottedMultiChildRenderObjectWidget + RenderBox, uses performLayout and paint, parentData and hitTest, and the live example (content-with-page placed at 2/3 width) compiles and paints successfully.
AI-written summary · about
chapters (8)
- 0:00Introduction to custom render objects
- 3:21Why create custom render objects
- 8:44Widget and render object basics
- 12:46Choosing render object widget types
- 17:47Render object layout and painting
- 22:00Key render object principles
- 23:28Live coding a custom render object
- 32:37Summary and Q&A
related talks
35mRenderObject layer advantages without writing any RenderObject
11mInterview with Kamil Klyta & Wiktoria Sobczyk
38mDraw undrawable with your custom RenderBox!
28mBuilding a Custom React Renderer
47mLive-Coding Custom Widgets with Simon
27mSmooth Moves: Rendering at the Speed of Right ®
31mUnderstanding Rendering Patterns
01h 12mLive-Coding With Simon (Part II) - Simon Lightfoot & Kevin Moore