Create lists with different types of items

Work with long lists

Place a floating app bar above a list

Cookbook

Lists

Place a floating app bar above a list

1. Create a CustomScrollView

2. Use SliverAppBar to add a floating app bar
3. Add a list of items using a SliverList

Interactive example

To make it easier for users to view a list of items,
you might want to hide the app bar as the user scrolls down the list.
This is especially true if your app displays a “tall”
app bar that occupies a lot of vertical space.

Typically, you create an app bar by providing an appBar property to the
Scaffold widget. This creates a fixed app bar that always remains above
the body of the Scaffold.