Interview with Kamil Klyta & Wiktoria Sobczyk
summary
Shows how a custom RenderBox implements layout by reading incoming constraints, building a Path (moveTo / lineTo) and using that Path to clip and size a child so text no longer overflows; example builds hexagonal buttons and a gauge by computing sizes, reserving ~20px for clipped corners and 50px horizontal padding, then resizing parents and aligning children. Notes no dispose is required for render objects, recommends studying framework render box implementations, warns hit‑testing and geometry math are the hardest parts, and uses hot reload to iterate.
AI-written summary · about
chapters (7)
- 0:00Introduction to custom render box
- 1:53Defining size and constraints
- 3:18Custom shapes and hexagonal layouts
- 5:45Disposal and state management
- 6:49Challenges with render objects
- 8:57Learning from core widgets
- 9:41GDG in Poland and speaking opportunities
related talks
35mHow Custom RenderObjects can make your life easier
35mRenderObject layer advantages without writing any RenderObject
40mConquering RenderSliver: Harnessing Power, Overcoming Fear
37mConstraintLayout deep dive
01h 12mLive-Coding With Simon (Part II) - Simon Lightfoot & Kevin Moore
49mRendering without lumpy bits
45mSolving container queries today
55mSmart Layouts