如何在颤动中构建动态范围滑块？答案

【问题标题】：How to build a dynamic range slider in flutter?如何在颤动中构建动态范围滑块？
【发布时间】：2020-05-17 22:01:26
【问题描述】：

我想构建一个动态范围滑块，通过选择下拉按钮更新范围滑块的值（最小值、最大值和分度）。有这方面的例子吗？我在互联网上没有找到任何东西。谢谢！

【问题讨论】：

【解决方案1】：

您可以使用 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),
      ),
    );
  }
}

【讨论】：