どうも、ちょげ(@chogetarou)です。
AppBarにハンバーガーメニューを追加するには、どうしたらいいのでしょうか？
方法
@override
Widget build(BuildContext context) {
return Scaffold(
drawer: Drawer(
child: ListView.builder(
itemCount: 5,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text("Item $index"),
);
},
),
),
appBar: AppBar(
title: Text("Title"),
),
body: Center(),
);
}AppBarにハンバーガーメニューを追加するには、Scaffoldの引数「drawer」に「Drawer」を指定します。
Scaffold(
drawer: Drawer()
）これだけでハンバーガメニューが追加されます。
ハンバーガメニューの中身は、Drawerウェジェットの引数「child」で指定します。
Scaffold(
drawer: Drawer(
child : Menu() //メニュー
)
）childにListViewやColumnを使えば、メニューのような表示が出来ます。
まとめ
AppBarにハンバーガメニューを表示するには、引数「drawer」に「Drawerウェジェット」を指定します。
コメント