Flutter日期选择器背景色设置：如何实现纯白色不透明背景？

问题出在你的主题配置遗漏了关键颜色属性，且没有移除primary色的叠加效果，导致背景和粉红色混合。按以下修改配置即可解决：

builder: (BuildContext context, Widget? child) {
  return Theme(
    data: Theme.of(context).copyWith(
      colorScheme: const ColorScheme.light(
        primary: ThemeColors.crimson,
        background: Colors.white, // 明确设置全局背景色
        surface: Colors.white, // 日期选择器主体区域背景
        onBackground: Colors.black, // 适配白色背景的文字颜色
      ),
      dialogBackgroundColor: Colors.white,
      datePickerTheme: const DatePickerThemeData(
        headerBackgroundColor: ThemeColors.crimson,
        headerForegroundColor: Colors.white,
        backgroundColor: Colors.white,
        surfaceTintColor: Colors.transparent, // 移除primary色的叠加 tint
      ),
    ),
    child: child!,
  );
}

关键修改说明：

• 补充ColorScheme中的background和surface为纯白色，覆盖主题默认的背景色设置
• 添加surfaceTintColor: Colors.transparent，彻底消除primary颜色在背景上的叠加效果，这是解决粉红混合问题的核心
• 调整onBackground为黑色（或其他对比色），保证白色背景上的文字可见

内容的提问来源于stack exchange，提问作者Suat Öz kaya