😀

Flutter ドロップダウンメニューのテンプレート

2024/06/08に公開

ドロップダウンメニュー (PopupMenuButton)のテンプレート

「…」を押すと出てくるメニュー

これです↓

コード

PopupMenuButton<String>(
                  onSelected: (String s){
                    switch(s){
                      case "del":
                        break;

                      case "edit":
                        break;
                    }
                      
                  },
                  
                  itemBuilder: (BuildContext context){
                    return [
                      const PopupMenuItem(value: "edit", child: ListTile(
                          leading: Icon(Icons.edit),
                          title: Text('編集'),
                        ),
                      ),
                      const PopupMenuItem(value: "del",  child: ListTile(
                          leading: Icon(Icons.delete),
                          title: Text('削除'),
                        ),),
                    ];
                  },
                )

実際に実装したアプリ

https://play.google.com/store/apps/details?id=com.yoshiInAndroid.cols_todo

Discussion