如何使自定义滑块覆盖颜色与颤动中的拇指颜色不同？

如何解决如何使自定义滑块覆盖颜色与颤动中的拇指颜色不同？

我正在尝试使用 SliderTheme.of(context).copywith() 在颤动中实现自定义滑块，但是在为拇指及其叠加层分配颜色时，它们都变成了相同的 thumbColor。

这是我的结果

我的代码是：

SliderTheme(
    data: SliderTheme.of(context).copyWith(
       activeTrackColor: Colors.white,thumbColor: Color(0xffeb1555),overlayColor: Color(0x29eb1555),thumbShape:
          RoundSliderThumbShape(enabledThumbRadius: 10.0),overlayShape:
          RoundSliderThumbShape(enabledThumbRadius: 20.0),),child: Slider(
      value: height.todouble(),min: 100.0,max: 220.0,divisions: 120,onChanged: (double newVal) {
        setState(() {
          height = newVal.toInt();
        });
      },

欢迎任何帮助。谢谢

解决方法

你需要改变

overlayShape: RoundSliderThumbShape(enabledThumbRadius: 20.0),

到

overlayShape: RoundSliderOverlayShape(overlayRadius: 20.0),

注意——一定是OVERLAY形状