Flutter 3.7.6开启useMaterial3时primarySwatch失效问题求助

Flutter 3.7+ 开启Material 3（useMaterial3: true）后，primarySwatch不再生效，这是因为Material 3采用了全新的配色体系，不再兼容Material 2的primarySwatch配置项，该属性在Material 3模式下会被直接忽略。

有两种常用方式适配Material 3的主题色配置：

方式一：使用种子色生成配色体系（推荐） #

通过ColorScheme.fromSeed指定种子色，Flutter会自动基于该颜色生成符合Material 3规范的完整配色方案，效果类似原来的primarySwatch：

return MaterialApp(
  title: 'Demo',
  theme: ThemeData(
    colorScheme: ColorScheme.fromSeed(seedColor: Colors.pink),
    appBarTheme: const AppBarTheme(elevation: 0),
    useMaterial3: true,
  ),
  home: const HomeScreen(),
);

方式二：手动自定义配色方案 #

如果需要更精细的颜色控制，可以手动构建ColorScheme，明确指定各个核心颜色属性（避免UI显示异常）：

return MaterialApp(
  title: 'Demo',
  theme: ThemeData(
    colorScheme: ColorScheme(
      primary: Colors.pink,
      onPrimary: Colors.white,
      secondary: Colors.pinkAccent,
      onSecondary: Colors.white,
      surface: Colors.white,
      onSurface: Colors.black,
      brightness: Brightness.light,
      // 可根据需求补充error、background等其他颜色属性
    ),
    appBarTheme: const AppBarTheme(elevation: 0),
    useMaterial3: true,
  ),
  home: const HomeScreen(),
);

内容的提问来源于stack exchange，提问作者みずまんま