Flutter中如何在确认对话框消失后关闭初始对话框？

核心问题 #

1. 多余的延迟等待：成功对话框已通过Timer在2秒后自动关闭，触发then回调后又额外添加Future.delayed(2秒)，导致总共等待4秒才执行后续操作，不仅不符合需求，还可能因时间过长导致context失效。
2. Context作用域混淆：若初始对话框是通过另一个showDialog弹出，当前then回调中使用的context可能不属于初始对话框的上下文，导致Navigator.of(context).pop()无法正确关闭初始对话框。

修复后的代码示例 #

原生Navigator版本

showDialog(
  context: context,
  builder: (BuildContext dialogContext) {
    _timer = Timer(Duration(seconds: 2), () {
      Navigator.of(dialogContext).pop(); // 关闭成功对话框
    });
    return AlertDialog(
      content: Text(redemeResponseBody),
    );
  }
).then((value) {
  if (_timer.isActive) {
    _timer.cancel();
  }
  // 立即关闭初始对话框
  Navigator.of(context).pop(); 
  setState(() {
    didRedeem = true;
  });
  Get.to(() => OffersScreenPage(getIndex: 1));
});

GetX统一导航版本（推荐，避免context混淆）

// 弹出成功对话框
Get.dialog(
  AlertDialog(content: Text(redemeResponseBody))
).then((_) {
  if (_timer.isActive) _timer.cancel();
  Get.back(); // 关闭初始对话框
  setState(() => didRedeem = true);
  Get.to(() => OffersScreenPage(getIndex: 1));
});

// 2秒后自动关闭成功对话框
_timer = Timer(const Duration(seconds: 2), Get.back);

关键优化点 #

• 移除多余的Future.delayed，让成功对话框关闭后立即执行关闭初始对话框和页面跳转的逻辑。
• 明确context的作用域：原生方案中用dialogContext关闭成功对话框，外层context关闭初始对话框；GetX方案直接用Get.back()自动处理栈顶弹窗，避免context问题。
• 保持Timer的生命周期管理，在对话框关闭时及时取消未触发的Timer，避免内存泄漏。

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