如何更改滑块颤动中分区的颜色

Vyt*_*nas 2 colors slider division flutter

你好,我有带分区的滑块。用于更改分区颜色以使它们不可见的主题属性是什么?

小智 6

请参阅此示例,如果您需要任何进一步的帮助,请告诉我:

SliderTheme(
  data: SliderTheme.of(context).copyWith(
    trackHeight: 10.0,
    minThumbSeparation: 2,
    thumbColor: Colors.white,
    thumbShape: RoundSliderThumbShape(enabledThumbRadius: 12.0),
    overlayColor:Colors.deepPurple,
    inactiveTickMarkColor: Colors.amber,
    inactiveTrackColor: Colors.green,
  ),
  child: Slider(
    min: 1,
    max: 100,
    value: 45,
    divisions: 2,
    onChanged: (newValue) {
      // set the new value here
      setState(() {
        progress= newValue;
      });
    },
  ),
)
Run Code Online (Sandbox Code Playgroud)

让我们演示一些参数:

  1. 用于更改分区颜色的主要参数是 SliderTheme 对象中的 inactiveTickMarkColor 参数,在我们的例子中为琥珀色。 请随意更改它。

  2. inactiveTrackColor 参数是当区域不在活动范围内时滑块的颜色。

  3. overlayColor 参数是当您按下或聚焦选择器小部件时显示的小部件的颜色。