解决Flutter中ThemeData.primaryColor在AppBar等组件中不生效

出现场景

闲着没事，将Flutter SDK升级到了2.10.5，结果发现app所有页面的AppBar颜色全变成了默认的蓝色，在MaterialApp中设置的primaryColor颜色没有生效。

MaterialApp(
	theme: ThemeData(
	  primaryColor: Colors.green,
	),
)

解决方法

通过Flutter的github issues发现，从Flutter 2.5开始，Flutter团队开始慢慢移除ThemeData.primaryColor属性对所有组件的影响，取而代之的是基于ColorScheme的Color。

MaterialApp(
	theme: ThemeData(
	  primaryColor: Colors.green,
	  colorScheme: ColorScheme.light().copyWith(primary: Colors.green),
	),
)

如果想要所有组件保持统一主题，目前可以使用以下代码达到统一。

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        ///因为有的组件的默认颜色使用的是 primaryColor，有的用的是primarySwatch，所以必须同时设置
        primaryColor: Colors.green,
        colorScheme: ColorScheme.light().copyWith(primary: Colors.green),
        primarySwatch: Colors.green
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}