Flutterで3ドットポップアップメニューAppBarを追加する最も簡単な方法 質問する

Flutterで3ドットポップアップメニューAppBarを追加する最も簡単な方法 質問する
  1. アプリのアプリバーに3つのドットのポップアップメニューボタンを表示したい

  2. クリック可能なものである必要があります [他のウィジェット、ページに移動します]

  3. もっと簡単な方法でポップアップメニューボタンを追加する方法を教えてください

ベストアンサー1

最も簡単な方法は、補助クラスを避けることです。Dart 2.2では、セットリテラルを使用することで、メニュー項目のマップをアプリバーに直接配置できます。

 appBar: AppBar(
        title: Text('Homepage'),
        actions: <Widget>[
          PopupMenuButton<String>(
            onSelected: handleClick,
            itemBuilder: (BuildContext context) {
              return {'Logout', 'Settings'}.map((String choice) {
                return PopupMenuItem<String>(
                  value: choice,
                  child: Text(choice),
                );
              }).toList();
            },
          ),
        ],
      ),

メソッド内のアイテムテキストの値でクリックを処理する

void handleClick(String value) {
    switch (value) {
      case 'Logout':
        break;
      case 'Settings':
        break;
    }
}

おすすめ記事