Flutter中弹出当前上下文后如何可靠显示对话框？

你遇到的问题本质是：调用Navigator.of(context).pop()后，当前页面的Widget已从Widget树中移除，对应的State变为unmounted状态，此时再用这个失效的context调用对话框方法，必然触发"Widget已卸载"的错误。

方法一：使用全局NavigatorKey（推荐） #

这是最可靠的跨页面调用对话框的方式，完全摆脱对当前页面context的依赖：

1. 定义全局NavigatorKey
   在项目入口文件（比如main.dart）中定义全局导航key：

final GlobalKey<NavigatorState> appNavigatorKey = GlobalKey<NavigatorState>();

2. 绑定到MaterialApp
   将这个key配置到你的MaterialApp中：

MaterialApp(
  navigatorKey: appNavigatorKey,
  title: 'Holup',
  // 其他配置项...
)

3. 修改对话框调用逻辑
   在需要显示对话框的地方，用全局key获取有效context：

if (releaseFeatures != null && releaseFeatures.isNotEmpty) {
  await Future.delayed(Duration(seconds: 3), () {
    final validContext = appNavigatorKey.currentState?.context;
    if (validContext != null) {
      showHolupBottomDialog(
        validContext,
        HolupBottomSheet(
          contentPadding: EdgeInsets.symmetric(vertical: 24, horizontal: 205),
          title: "Novinky v Holupovi",
          child: ReleaseInfoList(showLatestReleaseOnly: false),
          height: MediaQuery.of(validContext).size.height - 64,
        ),
      );
    }

    NewReleaseApi.updateLastSeenRelease(
      _userProvider.baseNumber!, 
      _lastSeenRelease,
      _userProvider.token!
    );
    _releaseProvider.show = false;
  });
}

方法二：让上层页面负责显示对话框 #

如果当前页面是通过Navigator.push打开的，可以在pop时传递标记，把对话框显示逻辑交给上层页面：

1. 修改当前页面的pop逻辑
   在_confirmLoginPassword中pop时传递需要显示对话框的标记：

// 替换原有的Navigator.of(context).pop();
Navigator.of(context).pop(releaseFeatures?.isNotEmpty == true);

2. 上层页面处理对话框显示
   在上层页面打开当前页面的位置，通过then回调接收结果并触发对话框：

Navigator.push(
  context,
  MaterialPageRoute(builder: (_) => YourLoginPage())
).then((shouldShowDialog) {
  if (shouldShowDialog == true) {
    Future.delayed(Duration(seconds: 3), () {
      showHolupBottomDialog(
        context,
        HolupBottomSheet(
          contentPadding: EdgeInsets.symmetric(vertical: 24, horizontal: 205),
          title: "Novinky v Holupovi",
          child: ReleaseInfoList(showLatestReleaseOnly: false),
          height: MediaQuery.of(context).size.height - 64,
        ),
      );
    });
  }
});

这种方式的好处是对话框的context来自上层页面，天然有效，无需维护全局key。

额外注意事项 #

• 所有涉及context的UI操作，务必确保context处于有效状态（对应Widget未被卸载）。
• 若使用延迟执行逻辑，优先确保依赖的context是全局或上层页面的有效context，避免依赖已卸载页面的context。

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