Flutter中ColorScheme.fromSwatch未设置primaryColor问题咨询

核心原因 #

Flutter 新版本中，ThemeData的旧属性（如primaryColor）不会自动从colorScheme的对应属性继承。当你仅通过colorScheme配置主题时，未显式设置的旧属性会回退到默认值（比如primaryColor的默认蓝色0xff2196f3）。

原来的写法里，primarySwatch: Colors.pink会自动将primaryColor填充为Colors.pink[500]；但切换到colorScheme配置后，primaryColor没有关联到colorScheme.primary，因此恢复了默认值。

解决方法 #

有三种可行的处理方式：

• 使用新API替代旧属性（官方推荐）
  把代码中Theme.of(context).primaryColor替换为Theme.of(context).colorScheme.primary，直接使用colorScheme提供的属性。

• 通过ThemeData.fromColorScheme创建主题
  这种方式会自动将colorScheme的属性同步到对应的旧主题属性，代码示例：

  ThemeData.fromColorScheme(
    ColorScheme.fromSwatch(primarySwatch: Colors.pink)
        .copyWith(secondary: Colors.amber),
  )
  

• 显式关联primaryColor
  在ThemeData中同时配置colorScheme和primaryColor，避免旧属性回退到默认值：

  final colorScheme = ColorScheme.fromSwatch(primarySwatch: Colors.pink)
      .copyWith(secondary: Colors.amber);
  ThemeData(
    colorScheme: colorScheme,
    primaryColor: colorScheme.primary,
  )
  

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