如何在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

如果您要达到的目的是根据值更改滑块的颜色。

然后这就是您需要做的：

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;
       });
     }