どうも、ちょげ(@chogetarou)です。
Sliderのスライドする場所であるトラッカーの色を設定する方法を紹介します。
方法
Sliderのトラッカーの色を設定するには、次の２つの引数を使います。
- activeColor : 最小値からポインターまでの色
- inactiveColor : ポインターから最大値までの色
具体的には、Sliderの引数「activeColor」と引数「inactiveColor」のそれぞれに色を指定します。
Slider(
activeColor: /*最小値からポインターまでの色*/,
inactiveColor: /*ポインターから最大値までの色*/,
value: _value,
onChanged: (newValue) {
・・・・
},
),引数「activiColor」と引数「inacitveColor」を使うことで、Sliderのトラッカーの色を設定することが出来ます。
使用例
以下は、使用例です。
Slider(
activeColor: Colors.red,
inactiveColor: Colors.red[100],
value: _value,
onChanged: (newValue) {
setState(() {
_value = newValue;
});
},
),
[Flutter]Sliderの横幅を設定するには？
Sliderの横幅を設定する方法を紹介します。
www.choge-blog.com
2022.01.09
[Flutter]Slider(スライダー)が動かない時の対処法
「Sliderが動かない」という人に向けて、Sliderウェジェットが機能しない時の対処法を紹介します。
www.choge-blog.com
2022.01.09
[Flutter]Sliderの太さを設定するには？
Sliderの太さを設定する方法を紹介します。
www.choge-blog.com
2022.01.08
[Flutter]Slider(スライダー)の値の間隔を設定するには？
Sliderの値が変化する際の、値の間隔を設定する方法を紹介します。
www.choge-blog.com
2022.01.08
コメント