更改 Flutter PopupMenu 大小

Question

我在 Flutter Web 应用程序上有一个导航栏，我使用 PopupMenuButton 作为菜单。我已经能够通过将 PopupMenuItem 的子项包装在具有设定宽度的容器中来使菜单更小，但是当我尝试使容器更大时没有看到相同的结果。

PopupMenuButton(
  itemBuilder: (context) => [
    for (Map item in menuItems)
      PopupMenuItem(child: menuItem(item))
    ],

小容器

代码

Widget menuItem(data) {
  return Container(
    width: 100,
    child: Column(...)
  );
}

结果

大容器

代码

Widget menuItem(data) {
  return Container(
    width: 900,
    child: Column(...)
  );
}

结果

没有容器

代码

Widget menuItem(data) {
  return Column(...)
}

结果

我希望菜单尽可能大。 PS - menuItems 是带有字符串和图标的地图列表

Answer 1

这与我目前面临的情况相同。所以这个想法是用一个 Container 来包装项目，该 Container 具有这样的 Media Query 宽度。

PopupMenuItem(
  child: Container(
   width: MediaQuery.of(context).size.width * 0.2,