Slivers or how scrolling works
summary
Explains how Flutter’s sliver protocol replaces simple box constraints with detailed SliverConstraints and SliverGeometry values so scrolling widgets can report painted, cache and overlap extents and react to scroll offset and direction. Walks through viewport caching and how scroll offset, remainingPaintExtent and cacheExtent change. Builds a working custom RenderSliver that rotates a child like a car door using a transform matrix and a transform layer available on pub dev and shows it performs smoothly in practice.
AI-written summary · about
chapters (15)
- 0:00Introduction to speaker
- 1:08What are Slivers
- 4:34Flutter layout basics
- 6:47Sliver protocol explained
- 7:09Scrollable system overview
- 9:37Viewport deep dive
- 13:15Center sliver and alignment
- 14:41Viewport caching explained
- 15:25Scrollable and viewport interaction
- 16:31Sliver constraints breakdown
- 17:13Constraint properties demo
- 23:58Sliver geometry explained
- 24:22Custom sliver implementation
- 30:49Demo of spinning sliver
- 31:11Q&A and resources
