[Flutter]CircularProgressIndicatorの色(color)を設定するには？

どうも、ちょげ(@chogetarou)です。

CircularProgressIndicatorの色を設定する方法を紹介します。

方法
使用例

方法

CircularProgressIndicatorの色を設定するには、引数「valueColor」を使います。

具体的には、CircularProgressIndicatorの引数「valueColor」に「AlwaysStoppedAnimation<Color>(色)」を指定します。

色の指定は、「AlwaysStoppedAnimation<Color>()」の引数にColorsを使ってします。

CircularProgressIndicator(
  valueColor: AlwaysStoppedAnimation<Color>(/*色*/),
),

引数「valueColor」を使えば、CircularProgressIndicatorの色を設定することが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: CircularProgressIndicator(
          valueColor: AlwaysStoppedAnimation<Color>(Colors.pink),
        ),
      ),
    );
  }

[Flutter]CircularProgressIndicatorのインジケータの太さを設定するには？

CircularProgressIndicatorのくるくる回っている部分の太さを設定する方法を紹介します。

[Flutter]AppBarの下にプログレスバーを表示する方法

AppBarの下にプログレスバーを表示するには、どうしたらいいのでしょうか？

[Flutter]直線のプログレスインジケータを表示するには？

直線で棒のようなプログレスインジケータを表示する方法を紹介します。

[Flutter]インジケータを表示するには？

インジケータを表示する方法を紹介します。

[Flutter]CircularProgressIndicatorの色を設定するには？

方法

使用例

コメント