如何改变循环进度指示器的颜色

如何更改CircularProgressIndicator的颜色?

颜色的值是Animation< color >的实例，但我希望有一种更简单的方法来改变颜色，没有动画的麻烦。

当前回答

主题是可以插入到小部件树中的任何位置的小部件。它用自定义值覆盖当前主题试试这个:

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

参考:https://gitter.im/flutter/flutter?at=5a84cf9218f388e626a51c2d

其他回答

使用progressIndicatorTheme允许为进度指示器定义一个主题。

ThemeData(
      progressIndicatorTheme: ProgressIndicatorThemeData(color: Colors.white),
    )

主题是可以插入到小部件树中的任何位置的小部件。它用自定义值覆盖当前主题试试这个:

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

参考:https://gitter.im/flutter/flutter?at=5a84cf9218f388e626a51c2d

这招对我很管用:

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

只需将此代码写入应用程序的主题数据

    ThemeData(
        progressIndicatorTheme: ProgressIndicatorThemeData(
            color: Colors.grey.shade700,),)

CircularProgressIndicator(
  backgroundColor: Colors.amberAccent,
  semanticsLabel: 'Linear progress indicator',
),

推荐文章