Flutter Getx主题切换异常：切回浅色模式不加载自定义主题

问题根源 #

1. Material3/Material2 配置不统一：浅色主题启用了useMaterial3: true，但深色主题基于ThemeData.dark()（默认未开启Material3），两种主题模式的底层样式逻辑冲突，导致切回浅色时AppBar配置未被正确解析。
2. Material3 下废弃属性使用：Material3 中AppBarTheme.backgroundColor已被废弃，AppBar的背景色优先级由colorScheme.surface或AppBarTheme.color控制，原有配置无法生效。

修复步骤 #

1. 统一开启Material3并修正主题配置 #

确保浅色、深色主题都启用Material3，同时使用Material3兼容的属性配置样式：

ThemeData lightTheme = ThemeData(
  useMaterial3: true,
  colorScheme: ColorScheme.fromSeed(
    seedColor: Colors.blue,
    brightness: Brightness.light,
    surface: Colors.white, // 定义浅色主题的基础表面色（AppBar默认使用）
  ),
  appBarTheme: AppBarTheme(
    elevation: 1000,
    color: Colors.white, // Material3 下用color代替backgroundColor
  ),
);

ThemeData darkTheme = ThemeData.dark().copyWith(
  useMaterial3: true, // 给深色主题也启用Material3
  colorScheme: ColorScheme.fromSeed(
    seedColor: Colors.red,
    brightness: Brightness.dark,
  ),
  primaryColor: Colors.red,
);

2. 规范主题切换方式 #

使用GetX提供的changeThemeMode方法切换主题，确保状态同步：

// 切换至深色模式
Get.changeThemeMode(ThemeMode.dark);
// 切换回浅色模式
Get.changeThemeMode(ThemeMode.light);

3. 避免硬写AppBar样式（可选） #

如果AppBar是自定义实现，不要硬编码背景色，直接引用主题中的配置：

AppBar(
  color: Theme.of(context).appBarTheme.color,
  title: const Text("Home"),
)

经过以上调整，主题切换后浅色主题的AppBar背景色就能正常生效了。

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