Wie kann ich die Farbe von ändern CircularProgressIndicator
?
Der Wert der Farbe ist ein Beispiel dafür Animation<Color>
, aber ich hoffe, dass es einen einfacheren Weg gibt, die Farbe ohne Probleme mit der Animation zu ändern.
Das hat bei mir funktioniert:
valueColor: new AlwaysStoppedAnimation<Color>(Colors.blue),
The argument type 'AlwaysStoppedAnimation<Color>' can't be assigned to the parameter type 'Animation<Color>'
Drei Möglichkeiten, um Ihr Problem zu lösen
1) Verwenden der
valueColor
Eigenschaft2) Stellen Sie
accentColor
in Ihrem Haupt-MaterialApp
Widget ein. Dies ist der beste Weg, da Sie bei Verwendung desCircularProgressIndicator
Widgets nicht immer die Farbe einstellen möchten3)
Theme
Widget verwendenquelle
accentColor
kann für die Vordergrundfarbe von Widgets verwendet werden. Es ändert die Farbe aller Vordergrund-Widgets, einschließlichcircularprogressbar
Sie können wie folgt verwenden:quelle
Ein Thema ist ein Widget, das Sie an einer beliebigen Stelle in Ihrem Widgetbaum einfügen können. Es überschreibt das aktuelle Thema mit benutzerdefinierten Werten. Versuchen Sie Folgendes:
Referenz: https://gitter.im/flutter/flutter?at=5a84cf9218f388e626a51c2d
quelle
Im
main.dart
Set des ThemaaccentColor
, dasCircularProgressIndicator
wird diese Farbe verwendenquelle
Standardmäßig erbt es accentColor von Themedata
Sie können diese AccentColor-Eigenschaft mit Ihrer neuen Farbe ändern. Eine andere Möglichkeit ist die Verwendung mit vordefinierten ThemeData wie diesen
Sie können diese Farbeigenschaft auch direkt in CircularProgressIndicator wie unten gezeigt ändern
quelle
valueColor: neue AlwaysStoppedAnimation (Colors.yellow),
quelle