【问题标题】:How to create a range slider with an image thumb that animates to a position on a button tap in Flutter?如何使用图像拇指创建一个范围滑块,该滑块动画到 Flutter 中的按钮点击上的某个位置?
【发布时间】:2021-12-11 11:39:30
【问题描述】:

我是 Flutter 的初学者。我正在尝试制作一个以图像为拇指的自定义范围滑块。我尝试使用flutter_xlider 包来实现这一点,该包允许添加图像缩略图,但没有实用方法来控制按钮的滑块。

这是我想要做的范围滑块。但是,与其滑动拇指来更改值,我如何通过按钮以编程方式滑动它?

我该怎么做?任何帮助将非常感激。提前致谢。

【问题讨论】:

标签: flutter layout flutter-layout flutter-animation


【解决方案1】:

如果改变滑块的值会怎样:

double _currentValue = 0.0;

FlutterSlider(
  values: [_currentValue],
  max: 500,
  min: 0,
  onDragging: (handlerIndex, lowerValue, upperValue) {
    _lowerValue = lowerValue;
    _upperValue = upperValue;
    setState(() {});
  },
)

//call this with buttons
void _changeValue(double newValue){
  _currentValue = newValue;
  setState((){});
}

【讨论】:

  • 我也是这么想的。但这样做,不会有动画。这就是失望。您知道如何在使用 setState 更新值时为其设置动画吗?
  • 恐怕不是兄弟,它不提供控制器...
猜你喜欢
  • 2018-12-13
  • 1970-01-01
  • 2020-04-12
  • 1970-01-01
  • 2023-03-27
  • 1970-01-01
  • 2022-06-11
  • 2021-06-24
  • 1970-01-01
相关资源
最近更新 更多