【问题标题】:Flutter slider color颤振滑块颜色
【发布时间】:2020-07-25 19:35:15
【问题描述】:

当它不活动时,我们如何改变滑块圆形图标的颜色?当它在进行中时,我可以看到改变它的属性,但是当我点击停止歌曲并恢复正常时,它变为灰色。我没有在任何地方设置灰色,不确定如何更改该颜色。我附上了停止和播放歌曲时的屏幕截图。

 Widget slider1() {
    return SliderTheme(
      data: SliderTheme.of(context).copyWith(
        activeTrackColor: Colors.red[700],
        inactiveTrackColor: Colors.red[100],
        trackShape: RoundedRectSliderTrackShape(),
        trackHeight: 2.0,
        thumbShape: RoundSliderThumbShape(enabledThumbRadius: 12.0),
        thumbColor: Colors.redAccent,
        overlayColor: Colors.red.withAlpha(32),
        overlayShape: RoundSliderOverlayShape(overlayRadius: 18.0),
        tickMarkShape: RoundSliderTickMarkShape(),
        activeTickMarkColor: Colors.red[700],
        inactiveTickMarkColor: Colors.red[100],
        valueIndicatorShape: PaddleSliderValueIndicatorShape(),
        valueIndicatorColor: Colors.redAccent,
        valueIndicatorTextStyle: TextStyle(
          color: Colors.white,
        ),
      ),
      child: Slider(
          activeColor: Colors.red.withAlpha(64),
          inactiveColor: Colors.red[200],
          label: duration.inSeconds.toString(),
          min: 0.0,
          divisions: 10,
          max: (position.inSeconds ?? 0.0).toDouble(),
          value: (getSleepkerPosition(position.inSeconds, duration.inSeconds))
              .toDouble(),
          onChangeStart: (double value) {
            print('Start value is ' + value.toString());
          },
          onChangeEnd: (double value) {
            print('Finish value is ' + value.toString());
          },
          onChanged: (double value) {
            setState(() {
              if (value == position.inSeconds) {
              } else {
                seekToSecond(value.toInt());
                value = value;
              }
            });
          }),
    );
  }

【问题讨论】:

    标签: flutter flutter-slider


    【解决方案1】:

    我找到了这个属性,不知怎么的,它在颤振细节中没有提到,但是为了改变我们必须使用的禁用拇指颜色。

    disabledThumbColor: Colors.amber
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-04
      • 2020-11-16
      • 1970-01-01
      • 2021-09-28
      • 2020-09-27
      • 2019-08-09
      相关资源
      最近更新 更多