如何在flutter中使用有关activeTrackColor的不同颜色更改滑块拇指的颜色

Question

如何在flutter中使用有关activeTrackColor的不同颜色更改滑块拇指的颜色

  Slider(
        value: onValueChange.toDouble(),
        min: 120,
        max: 220,
        activeColor:kBottomContainerColour ,
        inactiveColor: Color(0xFF8D8E98) ,
        onChanged: (double value) {
          setState(() {
            onValueChange = value.round();
          });
        },
      ),

像这样

Answer 1

Ff 您想要实现的是根据值更改滑块的颜色。

然后这是你需要做的：

1. 初始化颜色

Color _activeColor = Colors.red;

2. 将滑块的颜色设置为它

activeColor: _activeColor

3. 在您的setState() ，添加您的条件以更改颜色。

    onChanged: (value) { setState(() { if (value < 150) { _activeColor = Colors.red; } else if (value > 150 && value < 180) { _activeColor = Colors.deepOrange; } else { _activeColor = Colors.teal; } onValueChange = value; }); }