Sample App Catalog

This catalog lists applications that demonstrate how to implement common mobile design patterns with Flutter. Each sample demonstrates how a few Flutter widgets can be put together to implement a meaningful user interface. The samples are short - just one Dart file - but they’re complete applications. They should be easy to try out and tweak with your favorite IDE/code editor.

If there are other sample apps that you’d like to see we’d appreciate hearing from you on our Gitter channel or mailing list.

Android screenshot

An AnimatedList that displays a list of cards which stay in sync with an app-specific ListModel. When an item is added to or removed from the model, the corresponding card animates in or out of view.

This app features the following classes: AnimatedList, AnimatedListState.

Learn more.

Android screenshot

Any widget with a PreferredSize can appear at the bottom of an AppBar.

This app features the following classes: AppBar, PreferredSize, TabBarView, TabController.

Learn more.

Android screenshot

A typcial AppBar with a title, actions, and an overflow dropdown menu.

This app features the following classes: AppBar, IconButton, PopupMenuButton, Scaffold.

Learn more.

Android screenshot

ExpansionTiles can used to produce two-level or multi-level lists.

This app features the following classes: ExpansionTile, ListView.

Learn more.

Android screenshot

An AppBar with a TabBar as its bottom widget.

This app features the following classes: AppBar, DefaultTabController, TabBar, Scaffold, TabBarView.

Learn more.