Flutter - 选择项目后弹出菜单未关闭

Question

我正在尝试使用 Flutter，但遇到了 PopupMenuButton 的问题。在菜单中选择一个项目后，我会显示一个没有菜单的新屏幕，并且在我导航回来后，弹出菜单仍然打开 - 如下面的屏幕截图所示：

从编辑个人资料屏幕（第二张屏幕截图）导航回帐户屏幕（第一张屏幕截图）后，弹出菜单仍处于打开状态。我希望它被关闭。我在应用栏中创建弹出菜单的相关代码：

      actions: <Widget>[
    new PopupMenuButton(
      itemBuilder: (BuildContext context) {
        return <PopupMenuEntry>[
          new AppBarMenuItem("Edit profile", () => Navigator.pushNamed(context, Routes.editProfile)).build(context),
          new AppBarMenuItem("Option 1", () => {}).build(context),
          new AppBarMenuItem("Option 2", () => {}).build(context),
          new AppBarMenuItem("Option 3", () => {}).build(context),
          new AppBarMenuItem("Option 4", () => {}).build(context),
        ];
      },
    ),
  ],

还有AppBarMenuItem：

new PopupMenuItem(
  child: new InkWell(
    child: new Text(_label),
    onTap: _onTap,
)

如何确保选择项目后弹出菜单关闭？看起来如果我只是在我的PopupMenuButton 中使用PopupMenuItem 并在onSelected 功能中导航到新屏幕，菜单就会正确关闭。但是当我使用InkWell 的onTap 函数时，它不再关闭了。

Answer 1

只需在 onTap 函数中使用 pop Navigator.pop(context, "$popupValue");

PopupMenuItem<String>(
    value: "Replay Game",
    child: ListTile(
        leading: Icon(Icons.replay,
            color: theme.actionButtonColor),
        title: Text("Replay Game"),
        onTap: () {
            Navigator.pop(context, "Replay Game");
            showDialog(
                context: context,
                builder: (context) {
                    return AlertDialog(
                        content: Text("Clear input and replay game?"),
                        actions: <Widget>[
                            FlatButton(
                                onPressed: () => Navigator.pop(context),
                                child: Text("No"),
                                textColor: theme.alterDialogActionColor,
                            ),
                            FlatButton(
                                onPressed: () {
                                    store.dispatch(ReplayAction(timerBloc, varBloc.fireAnalytics));
                                    Navigator.pop(context);
                                },
                                child: Text("Yes"),
                                textColor: theme.alterDialogActionColor,
                            ),
                        ],
                    );
                });
        },
    ),
)

Answer 2

如文档中所述，当用户从弹出菜单项中选择一个选项时，弹出菜单应自动关闭。 使用InkWell onTap 不会自动关闭弹出菜单，而是直接使用弹出菜单项在从popupMenuList 中选择项目时自动关闭弹出菜单 确保PopupMenuItem 的value 属性不为空，否则在选择PopupMenuItem 时不会调用onSelected 函数

Answer 3

我遇到了同样的问题，这是我的解决方案。您的 PopUpMenuButton() 没有使用 onSelected 属性。 onSelected 属性将正确关闭您的 PopUpMenuButton。目前不是因为您的AppBarMenuItem 的onTap 属性正在接管该工作。
另外，我创建了PopUpMenuItem 的列表，而不是PopUpMenuEntry，不确定这是否会有所不同。但是对于我的每个PopUpMenuItem，我还为每个@ 分配了 value 属性，以便onSelected 将与PopUpMenuButton() 通信哪个项目被点击了。

类似这样的：

PopupMenuButton(
                onSelected: (selection) {
                  switch (selection) {
                    case 1:
                      ... do stuff...
                      break;
                    case 2:
                      ... break stuff...
                      );
                      break;
                  }
                },

其中case 1、case 2等指的是我分配给PopUpMenuItem()的value属性。