Flutter

How to use AppBar Widget

Flutter Widget Basics AppBar TabBar

Widget to implement the material design app bar. The app bar consists of a toolbar and possibly other widgets such as TabBar and FlexibleSpaceBar.

AppBar class(API reference)

Toolbar

Implementation example of leading, title, and actions.

  • Set Icon widget for leading
  • Set Text widget for title
  • Set IconButton widget for actions. SnackBar is displayed when you press the button

TabBar

Case of adding TabBar to AppBar.

  • Use DefaultTabController as TabController
  • Three tabs are set: Icon only, Text only, Icon & Text

FlexibleSpaceBar

Flutterを使ったアプリをリリースしてます。良ければ使ってみてください。