Flutter中ColorScheme.copyWith修改Brightness无效问题求助

这问题出在ColorScheme.copyWith修改Brightness不会同步更新其他依赖亮度的颜色。

当你用ColorScheme.fromSeed(brightness: Brightness.light)生成浅色配色时，Flutter会基于这个亮度值自动计算出一套协调的颜色（比如surface、background、onSurface等）。但你调用copyWith(brightness: Brightness.dark)时，只是把brightness字段改成了深色，其他关联颜色并不会重新计算，还是保留着浅色模式下的取值。这就导致即使主题的brightness标记为深色，界面实际显示的颜色还是浅色，看起来没切换成功。

正确做法 #

不要通过copyWith修改亮度，而是基于同一个种子色，分别调用ColorScheme.fromSeed并指定不同的brightness来生成明暗配色：

// 定义共用的种子色
final seedColor = Colors.blue;

// 生成浅色配色
final lightColorScheme = ColorScheme.fromSeed(
  seedColor: seedColor,
  brightness: Brightness.light,
);

// 生成深色配色
final darkColorScheme = ColorScheme.fromSeed(
  seedColor: seedColor,
  brightness: Brightness.dark,
);

// 创建明暗主题
ThemeData get lightTheme => ThemeData(
      colorScheme: lightColorScheme,
      useMaterial3: true,
    );

ThemeData get darkTheme => ThemeData(
      colorScheme: darkColorScheme,
      useMaterial3: true,
    );

然后在MaterialApp中正常配置：

MaterialApp(
  theme: lightTheme,
  darkTheme: darkTheme,
  themeMode: ThemeMode.system, // 跟随系统明暗切换
  // ...其他配置
)

为什么原来的方法有效？ #

你最初分别调用ColorScheme.fromSeed指定不同brightness的做法，会让Flutter为每种亮度单独计算完整的配色系统，所有颜色都是协调的，所以切换时能正确显示明暗模式。

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