如何使 Custom Slider overlayColor 与 thumbColor 不同？

Question

我正在尝试使用 SliderTheme.of(context).copywith() 在 flutter 中实现自定义滑块，但是当为拇指及其覆盖层分配颜色时，它们都变得相同 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 形状

如何使 Custom Slider overlayColor 与 thumbColor 不同？

How can I make Custom Slider overlayColor different from thumbColor in flutter?

slider

dart

flutter