Using slivers to achieve fancy scrolling
A sliver is a portion of a scrollable area that you can define to behave in a special way. You can use slivers to achieve custom scrolling effects, such as elastic scrolling.
For a free, instructor-led video workshop that uses DartPad, check out the following video about using slivers.
Watch on YouTube in a new tab: "Building scrolling experiences in Flutter"
Resources
#For more information on implementing fancy scrolling effects in Flutter, see the following resources:
- Slivers, Demystified
- A free article on Medium that explains how to implement custom scrolling using the sliver classes.
- SliverAppBar
- A one-minute Widget-of-the-week video that gives an overview of the
SliverAppBar
widget.
Watch on YouTube in a new tab: "SliverAppBar | Flutter widget of the week"
- SliverList and SliverGrid
- A one-minute Widget-of-the-week video that gives an overview of the
SliverList
andSliverGrid
widgets.
Watch on YouTube in a new tab: "SliverList & SliverGrid | Flutter widget of the week"
- Slivers explained - Making dynamic layouts
- A 50-minute episode of The Boring Show where Ian Hickson, Flutter's Tech Lead, and Filip Hracek discuss the power of slivers.
Watch on YouTube in a new tab: "Slivers explained - Making dynamic layouts"
API docs
#To learn more about the available sliver APIs, check out these related API docs:
Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2025-03-12. View source or report an issue.