使用AlertDialog.adaptive时，如何设置iOS端对话框的背景颜色？

AlertDialog.adaptive在iOS平台会自动切换为CupertinoAlertDialog实现，而CupertinoAlertDialog本身不支持直接通过backgroundColor属性设置背景色（Android端的Material风格对话框则支持该属性），所以需要针对iOS做特殊处理，以下是几种可行方案：

方案一：针对iOS使用容器包裹CupertinoAlertDialog #

直接判断平台，在iOS端将CupertinoAlertDialog放入Container中，通过Container的color属性设置背景色：

import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

// 调用示例
showDialog(
  context: context,
  builder: (context) {
    if (Platform.isIOS) {
      return Container(
        color: Colors.orange, // 自定义iOS对话框背景色
        child: CupertinoAlertDialog(
          title: const Text("提示"),
          content: const Text("这是iOS端的自定义背景对话框"),
          actions: [
            CupertinoDialogAction(
              child: const Text("取消"),
              onPressed: () => Navigator.pop(context),
            ),
            CupertinoDialogAction(
              child: const Text("确认"),
              onPressed: () => Navigator.pop(context),
            ),
          ],
        ),
      );
    } else {
      return AlertDialog(
        backgroundColor: Colors.orange,
        title: const Text("提示"),
        content: const Text("这是Android端的对话框"),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text("取消"),
          ),
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text("确认"),
          ),
        ],
      );
    }
  },
);

方案二：通过Theme覆盖Cupertino主题背景色 #

利用Flutter的Theme机制，在showDialog的范围内覆盖Cupertino主题的barBackgroundColor，CupertinoAlertDialog会继承这个颜色作为背景：

import 'package:flutter/material.dart';

// 调用示例
showDialog(
  context: context,
  builder: (context) {
    return Theme(
      data: Theme.of(context).copyWith(
        cupertinoOverrideTheme: const CupertinoThemeData(
          barBackgroundColor: Colors.lightBlue, // 设置iOS对话框背景色
        ),
      ),
      child: AlertDialog.adaptive(
        title: const Text("提示"),
        content: const Text("通过Theme设置的iOS对话框背景"),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text("取消"),
          ),
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text("确认"),
          ),
        ],
      ),
    );
  },
);

注意：这种方式会影响当前Theme范围内的所有Cupertino组件，适合仅需统一设置对话框背景的场景。

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