Flutter AppBarにハンバーガーメニューを追加するサンプル

2023年10月1日

環境
Windows11 pro 64bit
Flutter 3.3.7

概要
AppBarにハンバーガーメニューを追加するには、Scaffoldの引数「drawer」に「Drawer」を指定します。

作成方法
1.AppBarにハンバーガーメニューを追加する
Scaffold(
drawer: Drawer()
）
2.Drawerウェジェットの引数「child」で指定します。
child : Menu() //メニュー

使用例

@override
  Widget build(BuildContext context) {
    return Scaffold(
      drawer: Drawer(
        child: ListView.builder(
          itemCount: 4,
          itemBuilder: (BuildContext context, int index) {
            return ListTile(
              title: Text("Item $index"),
            );
          },
        ),
      ),
      appBar: AppBar(
        title: Text("Add Title"),
      ),
      body: Center(),
    );
  }