能否在AlertDialog的屏障区域构建Widget（如按钮）的技术问询

AlertDialog本质是Flutter封装在Dialog组件上层的容器，系统自带弹窗路由的遮罩层（即你所说的屏障区域）默认仅响应点击关闭事件，你可以通过以下两种方式在屏障区域自定义Widget：

方案1：自定义Stack包裹弹窗（推荐，适配性最强） #

直接在showDialog的builder方法中返回Stack结构，同时放置AlertDialog和你需要放在屏障区域的按钮即可，原生的半透明遮罩效果会自动保留：

showDialog(
  context: context,
  barrierDismissible: true, // 按需设置点击屏障是否关闭弹窗，不影响自定义按钮的点击
  builder: (context) {
    return Stack(
      children: [
        // 原生AlertDialog
        AlertDialog(
          title: const Text("弹窗标题"),
          content: const Text("弹窗内容"),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: const Text("关闭")
            )
          ],
        ),
        // 放在屏障区域右下角的自定义按钮
        Positioned(
          right: 20,
          bottom: 40,
          child: TextButton(
            style: TextButton.styleFrom(backgroundColor: Colors.white),
            onPressed: () {
              // 自行编写按钮的业务逻辑
            },
            child: const Text("屏障区按钮"),
          ),
        )
      ],
    );
  }
);

方案2：全局Overlay插入（适合跨页面保留按钮的场景） #

如果你的自定义按钮需要在弹窗存在的周期内不受页面跳转影响，可以往全局Overlay中分别插入对应弹窗和自定义按钮的OverlayEntry，关闭弹窗时同步移除两个Entry即可，逻辑和第一种方案基本一致。

注意事项 #

不要直接修改AlertDialog的margin属性试图把按钮放在弹窗外部，AlertDialog的父容器默认限制了可点击范围仅在弹窗边界内，超出部分的点击事件会被遮罩拦截，自定义按钮无法响应点击。

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