swipeLeft and swipeTop methods aren't working

I stored a reference to the swiper.

ref={swiper => {
    this.swiper = swiper;
}}

However, only method swipeRight is working. Using swipeLeft and swipeTop throws our exception TypeError: TypeError: TypeError: TypeError: undefined is not an object (evaluating '_this.swiper.swipeTop')

[sagunpandey]

If you put a debugger within onBookmarkClicked before the swipeTop line what do you get on this.swiper object?

Luckily I have found the issue. I was setting onPress listener on my button as:

<Button name="bookmark" onPress={this.onBookmarkClicked()} />

I replaced this.onBookmarkClicked() by this.onBookmarkClicked and everything is working. It was invoking the method instead of just providing the reference to it, how silly of me.

Thank you so much for your kind help.

[Mukthayar1]

For functional components const useSwiper = useRef(); const handleOnSwipedLeft = () => useSwiper.current.swipeLeft(); const handleOnSwipedRight = () => useSwiper.current.swipeRight();

onPress={() => handleOnSwipedLeft()}