Flutter中ThemeData的useMaterial3仅在登录页生效，首页失效求助

核心问题 #

你的darkTheme配置未开启useMaterial3: true，当系统切换到深色模式时，首页会加载未启用Material3的深色主题，导致样式与登录页不一致；同时首页AppBar的颜色设置方式不符合Material3的设计规范。

修复步骤 #

1. 统一启用Material3 #

修改main.dart中的darkTheme配置，添加useMaterial3: true，确保浅色、深色主题都启用Material3：

darkTheme: ThemeData(
  useMaterial3: true, // 新增该行
  colorScheme: darkColorScheme,
),

2. 优化首页AppBar样式（可选但推荐） #

Material3中AppBar默认背景色为colorScheme.surface，直接设置backgroundColor为background会破坏设计体系，可通过两种方式优化：

方式一：修改首页AppBar代码

appBar: AppBar(
  backgroundColor: Theme.of(context).colorScheme.surface, // 替换为surface颜色
  // 其余代码保持不变
),

方式二：全局配置AppBar主题（更推荐）

在main.dart的theme和darkTheme中统一配置AppBar样式，避免页面重复设置：

theme: ThemeData(
  useMaterial3: true,
  colorScheme: lightColorScheme,
  appBarTheme: AppBarTheme(
    backgroundColor: lightColorScheme.surface,
    titleTextStyle: TextStyle(
      fontSize: 20,
      fontWeight: FontWeight.w500,
      color: lightColorScheme.onSurface,
    ),
  ),
),
darkTheme: ThemeData(
  useMaterial3: true,
  colorScheme: darkColorScheme,
  appBarTheme: AppBarTheme(
    backgroundColor: darkColorScheme.surface,
    titleTextStyle: TextStyle(
      fontSize: 20,
      fontWeight: FontWeight.w500,
      color: darkColorScheme.onSurface,
    ),
  ),
),

配置后首页AppBar无需单独设置backgroundColor，直接继承全局主题即可。

3. 验证修复效果 #

重新运行项目，切换浅色/深色模式，确认登录页与首页的Material3样式保持一致。

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