Flutter 如何在颤振中构建动态范围滑块？

我想构建一个动态范围滑块，在其中更新值（最小、最大和分段）​​通过选择一个下拉按钮来设置范围滑块的位置。 有这样的例子吗？我在网上没有找到。

---

谢谢

您可以使用stock

RangeSlider

小部件和low和high值作为状态。然后可以在

setState（（）{}）

中更改这些值，滑块将相应地更新

下面是一个示例，

FloatingActionButton

将值设置为4和6：

class _MyHomePageState extends State<MyHomePage> {
  static const min = 0.0;
  static const max = 10.0;
  double low = min;
  double high = max;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RangeSlider(
              min: min,
              max: max,
              values: RangeValues(low, high),
              onChanged: (values) => setState((){
                low = values.start;
                high = values.end;
              }),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => setState((){
          low = 4;
          high = 6;
        }),
        child: Icon(Icons.add),
      ),
    );
  }
}

class\u MyHomePageState扩展状态{
静态常数最小值=0.0；
静态常数max=10.0；
双低=最小值；
双高=最大值；
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（widget.title），
),
正文：中(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
范围滑块(
敏:敏,，
马克斯：马克斯，
值：范围值（低、高），
一旦更改：（值）=>setState（）{
低=值。开始；
高=值。结束；
}),
),
],
),
),
浮动操作按钮：浮动操作按钮(
按下时：（）=>设置状态（）{
低=4；
高=6；
}),
子：图标（Icons.add），
),
);
}
}