material-3

ThemeExtension をサブクラス化し、extensions リストで ThemeData ごとに 1 つのインスタンスを登録し、Theme.of(context).extension<T>() で読み取ります。さらに本物の lerp を書いて、ライトとダークの切り替え中に MaterialApp の AnimatedTheme がトークンを補間できるようにします。色、角丸、シャドウ、テキストスタイル、真偽値の扱い、拡張が見つからないときのクラッシュ、他のすべての拡張を消してしまう copyWith の落とし穴、== と hashCode が必要な理由まで、すべて Flutter 3.44.8 のウィジェットテストで検証しています。

MAUI 10.0.100 はステータスバーアイコンの色を colorPrimary から決定しますが、これは Material 3 の surface とは明るさが逆になるため、白地に白、黒地に黒になります。Microsoft.Maui.Controls を 10.0.101 以降に更新するか、MainActivity で AppearanceLightStatusBars を設定し直してください。

MAUI 10 SR6 (10.0.60) は Android 上で Button、Entry、SearchBar、DatePicker、Slider、ProgressBar、ImageButton、Switch、Shell にまで Material 3 テーマを拡張します。MSBuild プロパティ 1 つで有効化でき、カスタムレンダラーも styles.xml の編集も不要です。

2026 年における Flutter での Material 3 アクセントカラー設定の正しい方法: ColorScheme.fromSeed、colorSchemeSeed のショートカット、7 種類の DynamicSchemeVariant、ダークモード、Android 12 以降での dynamic_color、ブランドカラーの調和。Flutter 3.27.1 と Dart 3.11 で検証済みです。