Flutter中如何去除CupertinoAlertDialog内容框的透明效果

想要去掉CupertinoAlertDialog默认的半透明模糊背景，实现纯色不透明的内容框，可通过以下两种方案实现：

方案1：单弹窗单独配置（无需修改全局样式） #

直接在创建CupertinoAlertDialog时手动指定backgroundColor属性即可，示例代码如下：

showCupertinoDialog(
  context: context,
  builder: (BuildContext context) {
    return CupertinoAlertDialog(
      // 强制设置背景为纯白色不透明，覆盖默认半透效果
      backgroundColor: CupertinoColors.white,
      title: const Text("提示"),
      content: const Text("确认执行该操作吗？"),
      actions: <Widget>[
        CupertinoDialogAction(
          child: const Text("取消"),
          onPressed: () => Navigator.of(context).pop(),
        ),
        CupertinoDialogAction(
          child: const Text("确认"),
          onPressed: () {
            // 执行确认逻辑
          },
        ),
      ],
    );
  },
);

方案2：全局配置所有弹窗样式 #

如果你的项目中所有Cupertino风格弹窗都需要去掉透明效果，可直接在应用根节点的主题中统一配置，无需逐个设置：

CupertinoApp(
  // 全局配置Cupertino主题
  theme: const CupertinoThemeData(
    dialogBackgroundColor: CupertinoColors.white,
  ),
  home: const MyHomePage(),
)

特殊情况适配 #

如果以上两种方案设置后仍有轻微透明效果，说明你使用的Flutter版本中CupertinoAlertDialog内置了背景模糊滤镜，此时可直接自定义Dialog布局，不用系统自带的CupertinoAlertDialog组件，完全自主控制背景样式即可。

效果参考：

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