Skip to main content

Scrolling widgets

Scroll multiple widgets as children of the parent.

Image/visualization of the CarouselView widget.
CarouselView

A Material carousel widget that presents a scrollable list of items, each of which can dynamically change size based on the chosen layout.

CustomScrollView

A ScrollView that creates custom scroll effects using slivers.

DraggableScrollableSheet

A container for a Scrollable that responds to drag gestures by resizing the scrollable until a limit is reached, and then scrolling.

Image/visualization of the GridView widget.
GridView

A grid list consists of a repeated pattern of cells arrayed in a vertical and horizontal layout. The GridView widget implements this component.

Image/visualization of the ListView widget.
ListView

A scrollable, linear list of widgets. ListView is the most commonly used scrolling widget. It displays its children one after another in the scroll direction....

NestedScrollView

A scrolling view inside of which can be nested other scrolling views, with their scroll positions being intrinsically linked.

NotificationListener

A widget that listens for Notifications bubbling up the tree.

PageView

A scrollable list that works page by page.

Image/visualization of the RefreshIndicator widget.
RefreshIndicator

A Material Design pull-to-refresh wrapper for scrollables.

ReorderableListView

A list whose items the user can interactively reorder by dragging.

ScrollConfiguration

Controls how Scrollable widgets behave in a subtree.

Scrollable

Scrollable implements the interaction model for a scrollable widget, including gesture recognition, but does not have an opinion about how the viewport, which actually displays...

Scrollbar

A Material Design scrollbar. A scrollbar indicates which portion of a Scrollable widget is actually visible.

SingleChildScrollView

A box in which a single widget can be scrolled. This widget is useful when you have a single box that will normally be entirely...

Find more widgets in the widget catalog.