[Flutter]Sliderで変更中に値を表示するには？

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

Sliderで操作をしている間に値を表示する方法を紹介します。

方法

Sliderで変更中に値を表示するには、引数「divisions」と引数「label」を使います。

まず、Sliderの引数「divisions」に何段階で値を変化させるかを指定します。

そして、引数「label」に文字列で現在の値を指定します。（$valueのように現在の値を文字列に）

Slider(
  value: _value,
  onChanged: (newValue) {
    ・・・
  },
  divisions: /*値*/,
  label: '$_value',
),

引数「divisions」と引数「label」を使うことで、Sliderで変更中に値を表示することが出来ます。

使用例

以下は、使用例です。

Slider(
  value: _value,
  onChanged: (newValue) {
    setState(() {
      _value = newValue;
    });
  },
  divisions: 10, //10段階
  label: '$_value',
),

[Flutter]Sliderのつまみの大きさを変えるには？

Sliderの操作する部分である「つまみ」の大きさを変える方法を紹介します。

www.choge-blog.com

2022.01.10

404 NOT FOUND | ちょげぶろぐ

www.choge-blog.com

[Flutter]Sliderのつまみの色を変えるには？

Sliderの操作する部分である「つまみ」の色を設定する方法を紹介します。

www.choge-blog.com

2022.01.10

[Flutter]Sliderを縦方向にするには？

Sliderを縦方向にする方法を紹介します。

www.choge-blog.com

2022.01.10