material-3

Leiten Sie von ThemeExtension ab, registrieren Sie pro ThemeData eine Instanz über die Liste extensions, lesen Sie sie mit Theme.of(context).extension<T>() und schreiben Sie ein echtes lerp, damit das AnimatedTheme von MaterialApp Ihre Tokens beim Wechsel zwischen hell und dunkel interpoliert. Behandelt Farben, Radien, Schatten, Textstile und Booleans, den Absturz bei fehlender Extension, die copyWith-Falle, die alle anderen Extensions verwirft, und warum == und hashCode nötig sind. Alles mit Widget-Tests unter Flutter 3.44.8 verifiziert.

MAUI 10.0.100 wählt die Farbe der Statusleistensymbole anhand von colorPrimary, das die entgegengesetzte Helligkeit der Material-3-Surface hat. Das Ergebnis ist Weiß auf Weiß oder Schwarz auf Schwarz. Aktualisieren Sie Microsoft.Maui.Controls auf 10.0.101 oder neuer, oder setzen Sie AppearanceLightStatusBars in MainActivity zurück.

MAUI 10 SR6 (10.0.60) erweitert das Material-3-Theming auf Button, Entry, SearchBar, DatePicker, Slider, ProgressBar, ImageButton, Switch und Shell auf Android. Aktivieren Sie es mit einer MSBuild-Eigenschaft. Keine eigenen Renderer, keine styles.xml-Eingriffe.

Der korrekte Weg in 2026, eine Akzentfarbe in Flutter mit Material 3 zu setzen: ColorScheme.fromSeed, das Kürzel colorSchemeSeed, die sieben DynamicSchemeVariant-Optionen, Dark Mode, dynamic_color auf Android 12+ und das Harmonisieren von Markenfarben. Getestet mit Flutter 3.27.1 und Dart 3.11.