如何解决左右取消或确认滑块颤动
我需要使用滑块向左滑动取消,向右滑动确认
我找不到办法,有什么办法吗?
解决方法
您可以通过使用 Slider 并对其进行自定义来实现它。
...
double _currentSliderValue = 5;
Slider customSlider() {
return Slider(
value: _currentSliderValue,min: 0,max: 10,divisions: 10,onChanged: (double value) {
setState(() {
_currentSliderValue = value;
});
if (_currentSliderValue == 0) // Decline
else if (_currentSliderValue == 10) // Accept
else // Nothing
},);
}
UI 可以通过将 customSlider()
作为 Row
小部件的子项包括在内来实现,如下所示(没有尝试,但它应该是正确的路径):
Row declineOrAcceptSlider() {
return Row(children: [
Text("Decline"),customSlider(),Text("Accept")
],mainAxisAlignment: MainAxisAlignment.spacedEvenly);
}
,
使用手势检测器这个 示例:
@override
Widget build(BuildContext context) {
String swipeDirection;
return GestureDetector(
onPanUpdate: (details) {
swipeDirection = details.delta.dx < 0 ? 'left' : 'right';
},onPanEnd: (details) {
if (swipeDirection == 'left') {
//handle swipe left event
}
if (swipeDirection == 'right') {
//handle swipe right event
}
},child: //child widget
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。