Question

我在我的应用中使用了 Flutter Range Slider。它不动。当我尝试在 onChanged 方法中移动它但拇指没有移动时，它确实更新了值。

RangeValues _priceRangeValues = RangeValues(0, 100);
int minPrice = 0;
int maxPrice = 0;
Container(
              child: SliderTheme(
                data: SliderThemeData(
                  thumbColor: AppColors.kGreenColor.shade900,
                  activeTrackColor: AppColors.kPrimaryColor.shade900,
                  inactiveTrackColor: Colors.grey,
                ),
                child: RangeSlider(
                  values: _priceRangeValues,
                  min: _priceRangeValues.start,
                  max: _priceRangeValues.end,
                  divisions: 100,
                  labels: RangeLabels(
                    '${_priceRangeValues.start.round().toString()} k',
                    '${_priceRangeValues.start.round().toString()} k',
                  ),
                  onChanged: (RangeValues values) {
                    print('price ${_priceRangeValues.start.round()}, ${_priceRangeValues.end.round()}');
                    _priceRangeValues = values;
                    minPrice = values.start.round();
                    maxPrice = values.end.round();
                    setState(() {});
                  },
                ),
              ),
            ),

我已经初始化了构建方法之外的范围。有解决方案吗？

Answer 1

根据您的代码，您更新了 _priceRangeValues 并将其分配给 RangeSlider 的最小值和最大值。您能否提供默认的最小值和最大值，例如 min: 0 和 max: 100。

并且 RangeSlider 的 onChanged 回调也会在以下情况下被禁用：

onChanged 为空。
min 和 max 值为空。
min 和 max 值相等。

欲知更多详情：https://api.flutter.dev/flutter/material/RangeSlider-class.html

颤动范围滑块拇指不动

1 个答案: