Flutter Sliderで変更中に値を表示するサンプル
環境
Windows11 pro 64bit
Flutter 3.3.7
構文
Slider(
value: _value,
onChanged: (newValue) {
xxx
},
divisions: /*値*/,
label: '$_value',
),
Slider(
value: _value,
onChanged: (newValue) {
xxx
},
divisions: /*値*/,
label: '$_value',
),
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',
),
Slider(
value: _value,
onChanged: (newValue) {
setState(() {
_value = newValue;
});
},
divisions: 8,
label: '$_value',
),
Slider(
value: _value,
onChanged: (newValue) {
setState(() {
_value = newValue;
});
},
divisions: 8,
label: '$_value',
),