Not able to make double tap and single tap work.

[mashish584]

Hi,

Thanks for viewing my question. I'm trying to create single and double tap gestures but when I tap on the image it's always a single tap. Please let me know what I'm doing wrong.

import React from "react";
import { Dimensions, Image, StyleSheet } from "react-native";
import {
  State,
  TapGestureHandler,
  TapGestureHandlerGestureEvent,
} from "react-native-gesture-handler";

const { width: SIZE } = Dimensions.get("window");

const PressLike = () => {
  const doubleTapRef = React.useRef();

  const _onSingleTap = (event: TapGestureHandlerGestureEvent) => {
    if (event.nativeEvent.state === State.ACTIVE) {
      alert("I'm touched");
    }
  };
  const _onDoubleTap = (event: TapGestureHandlerGestureEvent) => {
    if (event.nativeEvent.state === State.ACTIVE) {
      alert("D0able tap, good job!");
    }
  };

  return (
    <TapGestureHandler onHandlerStateChange={_onSingleTap} waitFor={doubleTapRef}>
      <TapGestureHandler
        ref={doubleTapRef}
        onHandlerStateChange={_onDoubleTap}
        numberOfTaps={2}
      >
        <Image
          source={{
            uri: "https://images.pexels.com/photos/3876332/pexels-photo-3876332.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
          }}
          style={styles.image}
        />
      </TapGestureHandler>
    </TapGestureHandler>
  );
};

const styles = StyleSheet.create({
  image: {
    width: SIZE,
    aspectRatio: 1,
  },
});

export default PressLike;

Working fine on an android device. But when testing it on the IOS simulator it's not working.

[j-piasecki]

Hi! If I had to guess, it's because you are using managed Expo. It's a bug with Expo Go app, where relations between gestures are not working on iOS. If you need to test it, ejecting to bare workflow should solve it, however it's not really a solution. (Since it's a problem with the Expo Go app, it should work after you build the app to publish it.)

[mashish584]

Hi, Thanks @j-piasecki. I'll check after ejecting it.