flutter - 在 Flutter 中添加 3 点弹出菜单 AppBar 的最简单方法

Question

我想要在我的应用程序栏中的 3 点弹出菜单按钮

它必须是可点击的 [导航到其他小部件、页面]

请告诉如何以更简单的方式添加弹出菜单按钮

Answer 1

简单的方法无疑是避免辅助类。
从 Dart 2.2 开始，使用 set literals，我们可以直接将菜单项的映射放置在应用栏中

 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;
    }
}