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

Question

我正在尝试使用 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();
        });
      },
    ),
  ),

欢迎任何帮助。 谢谢

Answer 1

你需要改变

overlayShape: RoundSliderThumbShape(enabledThumbRadius: 20.0),

到

overlayShape: RoundSliderOverlayShape(overlayRadius: 20.0),

注意——一定是OVERLAY形状