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.

Building scrolling experiences in Flutter

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.

SliverList and SliverGrid

A one-minute Widget-of-the-week video that gives an overview of the SliverList and SliverGrid widgets.

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.

To learn more about the available sliver APIs, check out these related API docs:

• CustomScrollView
• SliverAppBar
• SliverGrid
• SliverList

Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2024-07-06. View source or report an issue.