如何在Stateless Widget中不使用isMounted检查上下文未释放再显示对话框

因为Stateless Widget没有自己的state，没法直接用isMounted，可以试试下面这些方法：

1. 用ModalRoute.of(context)判断 #

如果上下文已经被释放（Widget从树里移除了），ModalRoute.of(context)会返回null，直接用这个判断就行：

void showMyDialog(BuildContext context) {
  if (ModalRoute.of(context) != null) {
    showDialog(
      context: context,
      builder: (_) => AlertDialog(
        title: const Text("提示"),
        content: const Text("这是对话框内容"),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text("确定")
          )
        ],
      ),
    );
  }
}

2. 结合帧回调延迟执行 #

把显示对话框的逻辑放到addPostFrameCallback里，确保只在当前帧结束后、Widget还活跃的时候执行：

void showMyDialog(BuildContext context) {
  WidgetsBinding.instance.addPostFrameCallback((_) {
    if (ModalRoute.of(context) != null) {
      showDialog(
        context: context,
        builder: (_) => AlertDialog(
          title: const Text("提示"),
          content: const Text("这是对话框内容"),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: const Text("确定")
            )
          ],
        ),
      );
    }
  });
}

3. 用微任务做延迟检查 #

如果是异步操作（比如请求完接口再弹框），可以用Future.microtask，等当前事件循环结束后再检查上下文：

void fetchDataAndShowDialog(BuildContext context) async {
  // 模拟网络请求
  await Future.delayed(const Duration(seconds: 2));
  
  Future.microtask(() {
    if (ModalRoute.of(context) != null) {
      showDialog(
        context: context,
        builder: (_) => AlertDialog(
          title: const Text("提示"),
          content: const Text("请求完成"),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: const Text("确定")
            )
          ],
        ),
      );
    }
  });
}

4. 封装通用检查方法 #

可以把检查逻辑抽成工具方法，方便复用，还能捕获可能的异常：

bool isContextAlive(BuildContext context) {
  try {
    return ModalRoute.of(context) != null;
  } catch (_) {
    return false;
  }
}

// 调用的时候直接用
void showMyDialog(BuildContext context) {
  if (isContextAlive(context)) {
    showDialog(
      context: context,
      builder: (_) => AlertDialog(
        title: const Text("提示"),
        content: const Text("这是对话框内容"),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text("确定")
          )
        ],
      ),
    );
  }
}

注意点 #

• 这些方法都是通过判断上下文是否还关联着活跃路由，来间接确认上下文没被释放，毕竟Widget被移除后，对应的路由关联也会失效。
• 异步操作完成后一定要先检查上下文，不然很容易碰到Looking up a deactivated widget's ancestor is unsafe的报错。

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