Flutter中AppBar主题切换开关不可见问题的解决方案问询

保留的代码部分 #

• main.dart 中 MyApp 的整体结构，以及根据用户本地配置初始化主题的逻辑
• themes.dart 中 Mythemes 类定义的明暗主题样式
• AppBar 组件的基础布局（返回按钮、背景色、阴影设置）

需要修改的代码部分 #

1. 修正 AppBar 组件的主题判断逻辑 #

原代码直接从本地存储读取 isDarkMode，无法实时响应主题切换后的变化，导致图标不更新。修改为从当前上下文的主题中判断明暗模式：

AppBar buildAppBar(BuildContext context) {
  // 从当前主题判断明暗模式，而非直接读本地存储
  final isDarkMode = Theme.of(context).brightness == Brightness.dark;
  final icon = isDarkMode ? CupertinoIcons.sun_max : CupertinoIcons.moon_stars;
  
  return AppBar(
    leading: const BackButton(
      color: Colors.blue,
    ),
    backgroundColor: Theme.of(context).scaffoldBackgroundColor,
    elevation: 0,
    actions: [
      ThemeSwitcher(
        builder: (context) => IconButton(
          color: Colors.blue,
          icon: Icon(icon),
          onPressed: () {
            final user = UserPreferences.getUser();
            // 根据当前主题状态切换，而非初始的本地存储值
            final newDarkMode = !isDarkMode;
            final targetTheme = newDarkMode ? Mythemes.darkTheme : Mythemes.lightTheme;
            
            ThemeSwitcher.of(context).changeTheme(theme: targetTheme);
            // 更新本地存储的用户配置
            UserPreferences.setUser(user.copy(isDarkMode: newDarkMode));
          },
        ),
      ),
    ],
  );
}

2. 确保 ThemeProvider 与 ThemeSwitcher 上下文关联正常 #

原 main.dart 中的 Builder 已经确保 MaterialApp 能获取到 ThemeProvider 的上下文，这部分可以保留。需确认 ThemeModelInheritedNotifier.of(context).theme 是 ThemeProvider 内部正确的主题获取方式，避免上下文穿透问题导致 ThemeSwitcher 无法正常工作。

3. 验证 UserPreferences 的 copy 方法正确性 #

确保 User 类的 copy 方法能正确复制并修改 isDarkMode 属性，否则本地存储的更新会失效，重启应用后主题设置无法保留。

关键修复点说明 #

• 实时获取当前主题状态而非本地存储的静态值，保证图标随主题切换即时更新
• 修正主题切换逻辑，基于当前主题状态判断目标主题，避免逻辑错误
• 确保本地存储与主题状态同步更新，保证重启应用后主题设置生效

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