どうも、ちょげ(@chogetarou)です。
LinearProgressIndicatorの色を設定する方法を紹介します。
方法
LinearProgressIndicatorの色を設定するには、引数「valueColor」を使います。
具体的には、LinearProgressIndicatorの引数「valueColor」に「AlwaysStoppedAnimation<Color>(色)」を指定します。
色の指定は、「AlwaysStoppedAnimation<Color>()」の引数にColorsを使ってします。
LinearProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(/*色*/),
),引数「valueColor」を使えば、LinearProgressIndicatorの色を設定することが出来ます。
使用例
以下は、使用例です。
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: LinearProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.pink),
),
),
);
}
[Flutter]CircularProgressIndicatorのインジケータの太さを設定するには？
CircularProgressIndicatorのくるくる回っている部分の太さを設定する方法を紹介します。
www.choge-blog.com
2021.12.16
[Flutter]AppBarの下にプログレスバーを表示する方法
AppBarの下にプログレスバーを表示するには、どうしたらいいのでしょうか？
www.choge-blog.com
2021.10.14
[Flutter]直線のプログレスインジケータを表示するには？
直線で棒のようなプログレスインジケータを表示する方法を紹介します。
www.choge-blog.com
2021.12.16
[Flutter]インジケータを表示するには？
インジケータを表示する方法を紹介します。
www.choge-blog.com
2021.12.16
コメント