Comment puis-je changer la couleur de CircularProgressIndicator
?
La valeur de la couleur est une instance de Animation<Color>
, mais j'espère qu'il existe un moyen plus simple de changer la couleur sans problèmes d'animation.
Cela a fonctionné pour moi:
valueColor: new AlwaysStoppedAnimation<Color>(Colors.blue),
Vous pouvez ajouter ce code.
CircularProgressIndicator(
valueColor: new AlwaysStoppedAnimation<Color>(Colors.white),
),
accentColor
peut être utilisé pour la couleur de premier plan des Widgets.Il modifie la couleur des widgets de premier plan, y compris circularprogressbar
Vous pouvez utiliser comme suit:
void main() => runApp(
MaterialApp(
title: 'Demo App',
home: MainClass(),
theme: ThemeData(accentColor: Colors.black),
),
);
Un thème est un widget que vous pouvez insérer n'importe où dans votre arborescence de widgets . Il remplace le thème actuel par des valeurs personnalisées Essayez ceci:
new Theme(
data: Theme.of(context).copyWith(accentColor: Colors.yellow),
child: new CircularProgressIndicator(),
);
reference: https://gitter.im/flutter/flutter?at=5a84cf9218f388e626a51c2d
Dans main.sart, définissez le thème accentColor, le CircularProgressIndicator utilisera cette couleur
void main() => runApp(new MaterialApp(
theme: ThemeData(primaryColor: Colors.red, **accentColor: Colors.yellowAccent**),
debugShowCheckedModeBanner: false,
home: SplashPage()
));