修改ThemeData primary colors后AppBar颜色不生效如何解决？

这是Flutter 3.0版本后适配Material 3的常见主题配置不生效问题，旧版本的ThemeData.primaryColor属性在Material 3默认开启的情况下，不会被AppBar等组件消费，修改后看不到效果。

方案1：关闭Material 3（兼容旧版教程配置） #

如果跟随的是Flutter 3.0之前的旧教程，直接在ThemeData中关闭Material 3开关即可让primaryColor配置生效：

MaterialApp(
  theme: ThemeData(
    // 新增这行关闭Material 3
    useMaterial3: false,
    // 原有主色配置保留即可
    primaryColor: Colors.deepPurple,
    // 其他主题配置...
  ),
  home: YourHomePage(),
)

方案2：使用Material 3规范的主题配置 #

如果想使用Material 3的设计风格，改用colorScheme配置全局主色，也可以单独指定AppBar的主题：

MaterialApp(
  theme: ThemeData(
    // Material 3默认开启，可不写
    useMaterial3: true,
    // 全局主色配置，自动生成整套配色
    colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
    // 也可以单独覆盖AppBar的背景色
    appBarTheme: AppBarTheme(
      backgroundColor: Colors.deepPurple,
    ),
  ),
  home: YourHomePage(),
)

• 检查AppBar组件是否单独设置了backgroundColor属性，组件局部配置优先级高于全局主题
• 确认修改的ThemeData是直接传给了顶层MaterialApp的theme参数，没有嵌套在其他组件中
• 如果同时配置了darkTheme参数，确认当前App运行的是亮色模式，否则需要修改darkTheme中的对应配置

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