Flutter Sliderで変更中に値を表示するサンプル

2023年10月12日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

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

Sliderで変更中に値を表示するには、引数「divisions」と引数「label」を使います。
引数「divisions」に何段階で値を変化させるかを指定します。
引数「label」に文字列で現在の値を指定します。

使用例

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