react-native-double-tap-radar

A react-native wrapper component which supports both double tap and single tap

Usage no npm install needed!

<script type="module">
  import reactNativeDoubleTapRadar from 'https://cdn.skypack.dev/react-native-double-tap-radar';
</script>

README

react-native-double-tap

A wrapper component for React Native which supports both double and single tap. Works on both Android and iOS.

Installation

  • npm install --save react-native-double-tap

Usage

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <DoubleClick
          singleTap={() => {
            console.log("single tap");
          }}
          doubleTap={() => {
            console.log("double tap");
          }}
          delay={200}
        >
          <Text>Open up App.js to start working on your app!</Text>
          <Text>Changes you make will automatically reload.</Text>
          <Text>Shake your phone to open the developer menu.</Text>
        </DoubleClick>
      </View>
    );
  }
}

Props

Property Type Default Description
delay number 200 Time for delay between taps
singleTap function null callback for single tap event
doubleTap function null callback for double tap event

License

MIT