如何在 flutter 中自定义滑块小部件的拇指颜色？

Question

我想更改小部件圆形部分的颜色。此颜色应不同于activeColor和inactiveColor颜色。这是我当前的代码：

Slider(
  value: sliderValue.toDouble(),
  max: 100.0,
  min: 0.0,
  activeColor: Colors.red,
  inactiveColor: Colors.grey,
  onChanged: (double newValue) {
    setState(() {
      sliderValue = newValue.round();
    });
  },
),

下面是生成的滑块：

这是我的目标：

请帮助。

Answer 1

您想要更改的部分由SliderTheme

您可以阅读文档中的整个部分：https://api.flutter.dev/flutter/material/SliderThemeData-class.html

只需将值设置为适合您的值即可。

SliderTheme(
    data: SliderThemeData(
            thumbColor: Colors.red,
            thumbShape: RoundSliderThumbShape(enabledThumbRadius: 20)),
    child: Slider(
          ...
          },
        ),
      ),

和你的活跃颜色Colors.white