Flutter如何通过列表动态创建PopupMenuButton？

你可以通过列表遍历转换的方式实现动态生成PopupMenuItem，无需逐个手动编写。以下是修正后的完整可运行代码：

List<String> items = ['item 1', 'item2', 'item3'];

PopupMenuButton<String>(
  // 遍历字符串列表，批量生成PopupMenuItem
  itemBuilder: (context) => items
      .map((item) => PopupMenuItem<String>(
            value: item,
            child: Text(item),
          ))
      .toList(),
  // 选中项的回调处理逻辑
  onSelected: (selectedValue) {
    // 这里替换成你需要的业务逻辑，比如弹窗提示、页面跳转等
    print('当前选中：$selectedValue');
  },
)

关键细节说明： #

• itemBuilder要求返回List<PopupMenuItem<T>>类型，因此需要用map将每个字符串转换为对应的PopupMenuItem，最后通过toList()转为符合要求的列表
• 给PopupMenuButton指定泛型<String>，可以让onSelected的参数类型更明确，避免类型转换问题
• onSelected是一个回调函数，直接接收选中的selectedValue即可，不需要返回值

后续只要修改items列表的内容，就能动态更新PopupMenu的选项。

内容的提问来源于stack exchange，提问作者Pierre jean