求助：Flutter RangeSlider缩略图（拖动圆点）设置缩小后仍显示过大

嘿，我之前也碰到过这个问题！你这是不小心踩了个小细节的坑——普通Slider用的thumbShape和RangeSlider用的不是同一个属性哦！

你现在代码里设置的thumbShape是给单个滑块的Slider组件用的，而RangeSlider需要专门设置rangeThumbShape这个属性才能生效。

把你的代码改成这样试试：

SliderTheme(
  data: SliderTheme.of(context).copyWith(
    rangeThumbShape: RoundRangeSliderThumbShape(enabledThumbRadius: 4),
  ),
  child: RangeSlider(
    values: const RangeValues(0, 20),
    min: 0,
    max: 100,
    onChanged: (v) {},
  ),
);

另外如果需要控制禁用状态下的缩略图大小，还可以给RoundRangeSliderThumbShape加上disabledThumbRadius参数，比如disabledThumbRadius: 3。

这样修改后，缩略图的大小就会按照你设置的数值正常显示啦！

内容来源于stack exchange