Flutter中如何将AppBar的primarySwatch设置为白色？

问题原因 #

primarySwatch 要求的参数类型是 MaterialColor?（包含不同深浅色调的色系），而 Colors.white 是单一的 Color 类型，直接替换会出现类型不匹配的错误。

解决方案 #

方案1：直接设置primaryColor和AppBarTheme（推荐） #

无需修改primarySwatch，直接通过primaryColor指定AppBar背景色，同时调整前景色确保内容可见：

ThemeData(
  primarySwatch: Colors.blueGrey, // 保留原有primarySwatch用于其他组件
  primaryColor: Colors.white, // 设置AppBar背景为白色
  appBarTheme: const AppBarTheme(
    foregroundColor: Colors.black, // 将AppBar的文字、图标设为黑色，避免白色背景下内容不可见
    elevation: 0, // 可选：移除AppBar阴影
  ),
  // 其他主题配置...
)

方案2：自定义白色MaterialColor（若必须使用primarySwatch） #

如果一定要通过primarySwatch实现，需要创建符合MaterialColor类型的白色色系：

// 自定义白色MaterialColor
const MaterialColor whiteMaterialColor = MaterialColor(
  0xFFFFFFFF,
  <int, Color>{
    50: Color(0xFFFFFFFF),
    100: Color(0xFFFFFFFF),
    200: Color(0xFFFFFFFF),
    300: Color(0xFFFFFFFF),
    400: Color(0xFFFFFFFF),
    500: Color(0xFFFFFFFF),
    600: Color(0xFFF5F5F5),
    700: Color(0xFFE0E0E0),
    800: Color(0xFFBDBDBD),
    900: Color(0xFF9E9E9E),
  },
);

// 在ThemeData中使用
ThemeData(
  primarySwatch: whiteMaterialColor,
  appBarTheme: const AppBarTheme(
    foregroundColor: Colors.black,
  ),
  // 其他主题配置...
)

自定义颜色类未生效的说明 #

之前自定义颜色类无效，大概率是没有在ThemeData的对应属性（如primaryColor或appBarTheme.backgroundColor）中正确引用自定义颜色，或者未将该ThemeData应用到MaterialApp的theme参数中。

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