【问题标题】:How to have a slider in flutter with specific divisions如何让滑块与特定部门一起颤动
【发布时间】:2022-01-27 05:10:04
【问题描述】:

我想要一个带有 0.5、1、2、3、4、5、10、15 等数字的滑块。这怎么可能。我知道分割会在滑块中创建线性分割。这可以让我自己的数字作为每个点而不是线性滑块吗?

Slider(
  value: seconds,
  max: 3600,
  divisions:
      120, // this is where i want to have a not a linear division
  label: (seconds / 60.0).toStringAsFixed(1),
  onChanged: (double value) {
    setState(() {
      seconds = value;
    });
  },
),

【问题讨论】:

    标签: flutter dart flutter-layout slider


    【解决方案1】:

    我认为以下 sn-p 是您正在寻找的:

    final List<double> values = [0.5, 1.0, 2.0, 3.0, 4.0, 5.0, 10.0, 15.0];
    int selectedIndex = 0;
    
    Slider(
       value: selectedIndex.toDouble(),
       min: 0,
       max: values.length - 1,
       divisions: values.length - 1,
       label: values[selectedIndex].toString(),
       onChanged: (double value) {
       setState(() {
            selectedIndex = value.toInt();
          });
       },
    ),
    

    这是结果:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-05
      • 1970-01-01
      • 2017-02-25
      • 2020-08-29
      • 2020-09-24
      • 1970-01-01
      • 2021-10-11
      • 2019-05-20
      相关资源
      最近更新 更多