Flutter AlertDialog重复关闭问题求助：手动提前关闭后黑屏

这个问题的核心原因很明确：当用户手动关闭对话框后，对话框已经从Navigator的路由栈中移除，此时你再执行Navigator.of(context, rootNavigator: true).pop()，会错误地弹出当前的根页面（也就是承载对话框的页面），最终导致黑屏。

下面给你两种简单有效的解决方案：

方案一：在Pop前检查对话框是否仍可弹出 #

直接在延迟任务中，先判断对话框对应的Context是否还能执行Pop操作，再决定是否关闭：

void _showWelcomeDialog(BuildContext context) {
  final displayName = UserPageInherited.of(context).displayName;
  String bodyContent = "Welcome $displayName";
  
  // 保存对话框的BuildContext
  late BuildContext dialogContext;

  showDialog(
    context: context,
    builder: (context) {
      dialogContext = context; // 这里的context是对话框专属的Context
      return WelcomeAlertWidget(bodyContent);
    });

  // 4秒后尝试关闭对话框
  Future.delayed(const Duration(seconds: 4), () {
    // 先检查对话框是否还存在于路由栈中
    if (Navigator.canPop(dialogContext)) {
      Navigator.pop(dialogContext);
    }
  });
}

这里的关键是用dialogContext（对话框自己的Context）来判断Navigator.canPop()，这样就能准确知道对话框是否还在栈里，避免误弹根页面。另外建议去掉原代码中的setState(() {})，关闭对话框不需要更新页面状态，直接调用Navigator.pop()即可。

方案二：监听对话框关闭事件，取消延迟任务 #

如果希望更优雅地管理延迟操作，可以使用CancelableOperation，当用户手动关闭对话框时，直接取消后续的延迟关闭任务：

import 'package:flutter/foundation.dart';

void _showWelcomeDialog(BuildContext context) {
  final displayName = UserPageInherited.of(context).displayName;
  String bodyContent = "Welcome $displayName";

  // 创建可取消的延迟操作
  final cancelableDelay = CancelableOperation.fromFuture(
    Future.delayed(const Duration(seconds: 4)),
  );

  // 显示对话框，并监听关闭事件
  showDialog(
    context: context,
    builder: (context) => WelcomeAlertWidget(bodyContent),
  ).then((_) {
    // 用户手动关闭了对话框，取消延迟任务
    cancelableDelay.cancel();
  });

  // 如果延迟任务未被取消，就关闭对话框
  cancelableDelay.value.then((_) {
    if (Navigator.canPop(context)) {
      Navigator.of(context, rootNavigator: true).pop('dialog');
    }
  });
}

这种方法的优势是，一旦对话框被手动关闭，后续的延迟任务会直接被取消，不会再执行任何多余的操作，逻辑更严谨。

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