左右取消或确认 slider flutter

Question

我需要使用 slider 向左滑动取消和向右滑动确认

这是所需的 slider

没找到办法，请问有什么办法吗？

Answer 1

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

Answer 2

在此示例中使用手势检测器：

@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
    );
  }