如何在颤动中使用关于activeTrackColor的不同颜色更改滑块拇指的颜色

【问题标题】：How to change color of slider thumb with different color about activeTrackColor in flutter如何在颤动中使用关于activeTrackColor的不同颜色更改滑块拇指的颜色
【发布时间】：2020-04-02 08:19:22
【问题描述】：

如何在flutter中用不同颜色的activeTrackColor改变滑块的颜色

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

喜欢这个

【问题讨论】：

请解释更多...在这种情况下，样机图片也会有所帮助

标签： android ios flutter dart flutter-layout

【解决方案1】：

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

那么这就是你需要做的：

初始化颜色

Color _activeColor = Colors.red;

设置滑块的颜色

activeColor: _activeColor

在您的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;
    });
  }

【讨论】：