Flutter：如何阻止AlertDialog被点击外部关闭？

这个问题我之前做用户认证流程时也碰到过，确实挺闹心的——本来想让加载弹窗安安稳稳待到认证完成，结果用户点一下弹窗外部就给关了，后续执行pop操作时很容易误弹出上层页面，导致应用异常。别担心，咱们通过两个关键设置就能搞定：

1. 禁止点击弹窗外部关闭 #

你定义的loadingDialog本身没问题，关键是调用showDialog时要设置barrierDismissible参数为false，这个参数专门控制点击弹窗外部区域是否允许关闭弹窗：

// 你原来定义的加载弹窗
Widget loadingDialog = AlertDialog(
  content: Row(
    children: const <Widget>[
      CircularProgressIndicator(),
      Padding(
        padding: EdgeInsets.only(left: 8.0),
        child: Text("Loading..."),
      ),
    ],
  ),
);

// 调用showDialog时添加关键配置
showDialog(
  context: context,
  barrierDismissible: false, // 设为false，点击外部不会关闭弹窗
  builder: (BuildContext context) {
    return loadingDialog;
  },
);

2. 拦截安卓返回键（可选但推荐） #

如果你的应用需要适配安卓设备，还得防止用户按返回键关闭弹窗。这时候可以用WillPopScope组件包裹你的弹窗，拦截返回事件：

showDialog(
  context: context,
  barrierDismissible: false,
  builder: (BuildContext context) {
    return WillPopScope(
      onWillPop: () async => false, // 返回false表示不允许通过返回键关闭
      child: loadingDialog,
    );
  },
);

这样设置之后，弹窗就只能通过你认证完成后手动调用Navigator.pop(context)来关闭，完全避免了意外关闭导致的后续操作异常。

内容的提问来源于stack exchange，提问作者João Pedro Ache Virgili