web-dev-qa-db-fra.com

Comment changer la couleur de CircularProgressIndicator

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.

15
Arash

Cela a fonctionné pour moi:

valueColor: new AlwaysStoppedAnimation<Color>(Colors.blue),
42
Mito

Vous pouvez ajouter ce code.

  CircularProgressIndicator(
     valueColor: new AlwaysStoppedAnimation<Color>(Colors.white),
  ),
10
Alciomar Hollanda

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),
  ),
);
5
Haileapp

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

1
Akshay Nandwana

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()
));
1
Pepe Valdivia