Flutter技术问询：如何通过PopupMenuButtonState关闭弹出菜单

你用_popUpKey.currentState?.dispose();来关闭弹窗的做法是错误的，dispose()是组件销毁时释放资源的方法，并非关闭弹出菜单的正确途径。

正确实现方法如下：

1. 指定GlobalKey的具体状态类型
   将GlobalKey的类型明确为GlobalKey<_PopupMenuButtonState>，这样才能访问到弹窗状态内部的关闭方法：

   final _popUpKey = GlobalKey<_PopupMenuButtonState>();
   

2. 调用hideMenu()方法关闭弹窗
   当需要主动关闭弹窗时，调用状态实例的hideMenu()方法即可：

   _popUpKey.currentState?.hideMenu();
   

完整示例代码 #

final _popUpKey = GlobalKey<_PopupMenuButtonState>();

// 示例：外部触发关闭弹窗的方法
void closePopup() {
  _popUpKey.currentState?.hideMenu();
}

PopupMenuButton<int>(
  key: _popUpKey,
  onSelected: (value) {
    // 处理选中逻辑，此时弹窗会自动关闭
  },
  itemBuilder: (context) => [
    PopupMenuItem(
      value: 1,
      child: Text('选项1'),
    ),
    PopupMenuItem(
      value: 2,
      child: Text('选项2'),
    ),
  ],
)

补充说明 #

• 用户选中任意PopupMenuItem时，弹窗会自动关闭，无需手动调用关闭方法。
• 若需要从弹窗外部（比如页面其他按钮）触发关闭，直接调用上述closePopup()方法即可。

内容的提问来源于stack exchange，提问作者Rami Dhouib