dart 我怎样才能实现这一点在同步滑块摆动?

sbdsn5lh  于 2023-03-27  发布在  其他
关注(0)|答案(1)|浏览(186)

这是我从Syncfusion的文档中得到的图片。
同步滑块

这是我想要实现的,一个滑块轨道,其中有活动的颜色,非活动的颜色,和一个禁用的颜色。禁用的颜色将应用于用户的值之间的最大值。
比如说,我输入值80,因此红色将在80 - 100之间应用。
我已经尝试限制onChanged属性不超过用户的给定值。即80。我只需要颜色是不同的用户之间的价值-最大值。

vc9ivgsu

vc9ivgsu1#

你可以这样试试

double _values = 80;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SfSlider(
        min: 0.0,
        max: 100.0,
    stepSize: 1,
    value: _values,
    inactiveColor: Colors.red.shade200,
    activeColor: Colors.green,
    interval: 20,
    showTicks: true,
    showLabels: true,
    enableTooltip: true,
    minorTicksPerInterval: 1,
    onChanged: (value) {
      setState(() {
        _values = value;
      });
    },
  ),
);
}

相关问题