Comment changer la couleur du CircularProgressIndicator ?

Question

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 perturber l'animation.

Answer 1

Cela a marché pour moi :

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

Answer 2

Trois façons de résoudre votre problème

1) Utilisation valueColor propriété

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

2) Définir accentColor dans votre principal MaterialApp widget. C'est la meilleure solution car vous ne voulez pas définir la couleur à chaque fois que vous utilisez la fonction CircularProgressIndicator widget

  MaterialApp(
        title: 'My App',
        home: MainPAge(),
        theme: ThemeData(accentColor: Colors.blue),
      ),

2) Utilisation Theme Widget

Theme(
      data: Theme.of(context).copyWith(accentColor: Colors.red),
      child: new CircularProgressIndicator(),
)

Answer 3

Vous pouvez ajouter ce code.

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

Answer 4

accentColor peut être utilisé pour la couleur d'avant-plan des widgets. Il change la couleur de n'importe quel widget d'avant-plan, notamment circularprogressbar Vous pouvez utiliser comme ceci :

void main() => runApp(
  MaterialApp(
    title: 'Demo App',
    home: MainClass(),
    theme: ThemeData(accentColor: Colors.black),
  ),
);

Answer 5

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(),
    );

référence : https://gitter.im/flutter/flutter?at=5a84cf9218f388e626a51c2d