Flutter- GestureDetector 检测水平和垂直拖动的方向

Question

我正在使用GestureDetector并没有找到任何告诉您拖动方向的onXYZ事件。

Answer 1

Did you try onPanUpdate(details) method? Here is how you can do it.

GestureDetector(onPanUpdate: (details) {
  if (details.delta.dx > 0)
    print("Dragging in +X direction");
  else
    print("Dragging in -X direction");

  if (details.delta.dy > 0)
    print("Dragging in +Y direction");
  else
    print("Dragging in -Y direction");
});

Note: This callback causes a crash if onHorizontalDragUpdate() or onVerticalDragUpdate() is set as mentioned by anmol.majhail.

Answer 2

For those, who have " Having both a pan gesture recognizer and a scale gesture recognizer is redundant; scale is a superset of pan ." error:

Implementing both drag and zoom-in with [onScaleUpdate] in [GestureDetector] widget:

onScaleUpdate: (scaleInfo) {
  //for drag, use [scaleInfo.focalPointDelta.dx] and [scaleInfo.focalPointDelta.dy]
  _controller.translate(scaleInfo.focalPointDelta.dx, scaleInfo.focalPointDelta.dy);
  
  //for zooming use [scaleInfo.scale] and don't react when zoom is exactly '1' [scaleInfo.scale != 1]
  if (scaleInfo.scale > 0.5 && scaleInfo.scale < 2 && scaleInfo.scale != 1) {
    setState(() {
      currentSize = Size(widget.size.width * scaleInfo.scale, widget.size.height * scaleInfo.scale);
    });
  }
},