概要
FlutterでThemeDataを利用してアプリのテーマをカスタマイズしたい
課題
ThemeDataのprimaryColorがのpropertyだとAppBarの色が変更されなかった適用されなかった
main.dart
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
primaryColor: Color(0xFF0A0E21),
scaffoldBackgroundColor: Color(0xFF0A0E21),
),
home: home(),
);
}
対策
ThemeDataのcolorSchemeのpropertyを使う
main.dart
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
colorScheme: ColorScheme.light(
primary: Color(0xFF0A0E21),
),
scaffoldBackgroundColor: Color(0xFF0A0E21),
),
home: home(),
);
}
参考文献
Flutter ThemeData Primary color not changing from theme when trying to add a primary color
最後に
なぜこのような動作になるのかまでは確認できておりません。
そもそもprimaryColorを使うべきではないという話かもしれません。
理由やベストプラクティスをご存じであればコメントいただければ幸いです。