SwipeUp call's SwipeLeft

[Nalyvaiko]

Why SwipeUp call's SwipeLeft and SwipeDown calls SwipeRight ??? How to fix that???

[leandrowd]

Hi @Nalyvaiko, when swiping, if you have any vertical movement, onSwipeDown or onSwipeUp will be called. Likewise, any horizontal movement will call onSwipeRight or onSwipeLeft. A vertical and horizontal movement at the same time would call onSwipeDown and onSwipeLeft together, for instance.

It's up to you to disable one or another if you need. You can do that by cancelling the handler through some calculations on your onSwipeMove handler.

Something like the code below would solve your problem:

    onSwipeMove = (delta) => {
        this.isHorizontal = delta.x > delta.y;
    }

    onSwipeLeft = () => {
        if (!this.isHorizontal) {
            return;
        }

        // your handler to swipe left
    }

    onSwipeDown = () => {
        if (this.isHorizontal) {
            return;
        }

        // your handler to swipe down
    }

[leandrowd]

Closing due to inactivity. Feel free to reopen if you need.

[danielkorte]

I ran across this issue while using this package (thanks!) and I wanted to share that I think the above code should modified to handle both left and right horizontal movements:

    onSwipeMove = (delta) => {
        this.isHorizontal = Math.abs(delta.x) > Math.abs(delta.y);
    }