Flutter中如何关闭AlertDialog？解决回调触发空检查错误问题

错误原因 #

你传递的onPress回调里用的是外部父组件的context，但showDialog生成的弹窗是绑定在builder函数内的新上下文（弹窗自身的context）。用外部context调用Navigator.of(context).pop()时，无法定位到当前弹窗的导航栈条目，因此触发空检查异常。而直接在builder内部写Navigator.pop(context)时，用的是弹窗自身的context，所以能正常关闭。

解决方案一：让回调接收弹窗上下文 #

修改工具类的回调参数，使其接收弹窗的context，这样你在外部调用时可以用这个上下文关闭弹窗，同时添加自定义逻辑：

class CustomAlertDialog {
  static void show(
    BuildContext context, {
    Key? key,
    required void Function(BuildContext dialogContext) onPress,
  }) {
    showDialog(
      context: context,
      builder: (dialogContext) => AlertDialog(
        content: ElevatedButton(
          onPressed: () => onPress(dialogContext),
          child: const Text("test"),
        ),
      ),
    );
  }
}

调用示例：

CustomAlertDialog.show(context, onPress: (dialogContext) {
  // 关闭弹窗
  Navigator.of(dialogContext).pop();
  // 这里添加自定义操作，比如状态更新、页面跳转等
  // 示例：Navigator.push(context, MaterialPageRoute(builder: (_) => NewPage()));
});

解决方案二：封装关闭逻辑，支持自定义操作 #

如果希望保持VoidCallback的形式，可以在工具类内部封装弹窗关闭逻辑，同时允许传入自定义操作，还能通过参数控制是否自动关闭：

class CustomAlertDialog {
  static void show(
    BuildContext context, {
    Key? key,
    VoidCallback? onCustomAction,
    bool autoClose = true,
  }) {
    showDialog(
      context: context,
      builder: (dialogContext) => AlertDialog(
        content: ElevatedButton(
          onPressed: () {
            // 先执行自定义操作
            onCustomAction?.call();
            // 自动关闭弹窗（可通过参数控制）
            if (autoClose) {
              Navigator.pop(dialogContext);
            }
          },
          child: const Text("test"),
        ),
      ),
    );
  }
}

调用示例：

// 仅关闭弹窗
CustomAlertDialog.show(context);

// 关闭弹窗+执行自定义操作
CustomAlertDialog.show(context, onCustomAction: () {
  // 这里写你的自定义逻辑，比如提交表单、更新状态等
});

// 执行自定义操作但不关闭弹窗
CustomAlertDialog.show(context, onCustomAction: () {
  // 自定义逻辑
}, autoClose: false);

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