To update a RangeSlider with Flutter's ValueListenableBuilder, you can follow these steps:
ValueNotifier<double> _minValue = ValueNotifier<double>(0.0);
ValueNotifier<double>_maxValue = ValueNotifier<double>(100.0);
RangeSlider(
min: 0.0,
max: 100.0,
values: RangeValues(_minValue.value, _maxValue.value),
onChanged: (RangeValues values) {
_minValue.value = values.start;
_maxValue.value = values.end;
},
),
ValueListenableBuilder(
valueListenable: _minValue,
builder: (BuildContext context, double minValue, Widget child) {
return RangeSlider(
min: 0.0,
max: 100.0,
values: RangeValues(minValue, _maxValue.value),
onChanged: (RangeValues values) {
_minValue.value = values.start;
_maxValue.value = values.end;
},
);
},
),
ValueListenableBuilder(
valueListenable: _maxValue,
builder: (BuildContext context, double maxValue, Widget child) {
return RangeSlider(
min: 0.0,
max: 100.0,
values: RangeValues(_minValue.value, maxValue),
onChanged: (RangeValues values) {
_minValue.value = values.start;
_maxValue.value = values.end;
},
);
},
),
With these steps, the RangeSlider will be updated whenever the values of the corresponding ValueNotifier objects change.
Asked: 2023-06-08 12:23:08 +0000
Seen: 20 times
Last updated: Jun 08 '23