How to detect left and right swipes in flutter?

Question

I am using GestureDetector to check when a user swipes horizontally across the screen.

The swipe should only be registered when the user removes their finger from the screen to end the swipe, hence the use of onHorizontalDragEnd.

When the swipe ends a int is incremented resulting in a new image being displayed.

The issue I am having is that I want to be able to let the user swipe left to go back an image.

How can I detect which direction a user has swiped when implementing onHorizontalDragEnd?

Answer 1

Use GestureDetector. Example

GestureDetector(
      onHorizontalDragEnd: (dragDetail) {
        if (dragDetail.velocity.pixelsPerSecond.dx < 1) {
          print("right");
        } else {
          print("left");
        }
      },
      child: Container(...),
    );

Answer 2

You can detect swipes using the onPanUpdate method from GestureDetector class.

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: Do not use this method with the ones that you are already using (onVerticalDragDown) or onVerticalDragUpdate().