Flutter主题如何设置Checkbox与Switch颜色（accentColor废弃后适配）

完成accentColor迁移配置后，Switch、Checkbox这类组件未应用自定义颜色的核心原因是：这两类组件的全局样式受ThemeData中独立的组件主题属性控制，仅修改colorScheme的secondary属性不会自动同步到组件的专属主题配置，因此会回退到系统默认蓝色。

你完全可以在Theme中直接全局配置这两类组件的颜色，有两种常用实现方案：

方案1：单独配置组件主题（兼容性最好，适配Material2/Material3） #

在你现有copyWith逻辑中追加checkboxTheme和switchTheme参数即可，修改后的完整代码如下：

Widget build(BuildContext context) {
  final ThemeData theme = ThemeData();
  final customPrimary = const Color.fromRGBO(95, 53, 90, 1);
  final customSecondary = const Color.fromRGBO(76, 41, 71, 1);
  
  return MaterialApp(
    title: 'Title',
    theme: theme.copyWith(
      colorScheme: theme.colorScheme.copyWith(
        primary: customPrimary,
        secondary: customSecondary,
      ),
      // 全局配置Checkbox样式
      checkboxTheme: CheckboxThemeData(
        fillColor: MaterialStateProperty.resolveWith((states) {
          if (states.contains(MaterialState.selected)) {
            return customSecondary; // 选中态填充色
          }
          return null; // 非选中态沿用系统默认逻辑
        }),
      ),
      // 全局配置Switch样式
      switchTheme: SwitchThemeData(
        thumbColor: MaterialStateProperty.resolveWith((states) {
          if (states.contains(MaterialState.selected)) {
            return customSecondary; // 选中态滑块颜色
          }
          return null;
        }),
        trackColor: MaterialStateProperty.resolveWith((states) {
          if (states.contains(MaterialState.selected)) {
            return customSecondary.withOpacity(0.5); // 选中态轨道颜色
          }
          return null;
        }),
      ),
    ),
    home: const MyApp()
  );
}

方案2：统一配置ColorScheme（代码更简洁） #

如果你的项目没有特殊的旧版主题兼容需求，不需要拷贝默认ThemeData再修改，直接构造自定义ThemeData并指定colorScheme即可，系统组件会自动适配你配置的颜色规则：

Widget build(BuildContext context) {
  return MaterialApp(
    title: 'Title',
    theme: ThemeData(
      // 按需设置是否启用Material3，设置后组件会自动匹配ColorScheme配置
      useMaterial3: true,
      colorScheme: const ColorScheme.light(
        primary: Color.fromRGBO(95, 53, 90, 1),
        secondary: Color.fromRGBO(76, 41, 71, 1),
      ),
    ),
    home: const MyApp()
  );
}

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