[Flutter]Slider(スライダー)にラベル(label)を表示(show)するには？

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

Sliderを操作している間に、現在の値が分かるようにするラベルを表示する方法を紹介します。

方法

Sliderにラベルを表示するには、引数「label」を使います。

具体的には、Sliderの引数「label」にラベルとして表示する文字列を指定します。

Slider(
  label: 'ラベル',
  value: _value,
  onChanged: (newValue) {
    ・・・
  },
),

引数「label」を使うことで、Sliderにラベルを表示することが出来ます。

ラベルを表示するには、引数「divisions」の指定が必要です。

以下は、使用例です。

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