Under the Hood of ScrollViews
summary
Explains how Flutter composes scrolling: scrollable handles gestures and physics and stores scroll position, viewport = visible rectangle that requests content for its pixel range, and slivers lazy-load and use extents to tell neighbors how many pixels they occupy; shows default pre-render ≈250–300px outside the viewport, demonstrates SliverPersistentHeader with min/max extent and a parallax image driven by the sliver delegate, warns against infinite-height parents, shrinkWrap rendering everything, and recommends prototype item sizing and anchor usage to preserve refresh position.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:23Why scroll views matter
- 5:59Scroll view components
- 16:34Sliver protocol & lazy loading
- 21:14Practical sliver examples
- 26:55Common pitfalls & tips
- 32:33Summary
related talks
55mSliver in Flutter, or How Scrolling Works
01h 03mThat's how we scroll in Flutter
43mWho Is This 2D Scroll of Yours?
38mBuilding scrolling experiences in Flutter
34mGoogle Flutter: The Next Frontier in Mobile Development
31mHow Flutter works under the hood
43mPortable Material: Flutter physical models
36mAdvanced Material Components and Theming in Flutter