@makakwastaken/react-native-double-tap

Credit

Forked from awshawka/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 @makakwastaken/react-native-double-tap

or

• yarn add @makakwastaken/react-native-double-tap

Usage

Class

export default class App extends React.Component {
  render() {
    return (
      <View>
        <DoubleClick
          singleTap={() => {
            console.log('single tap')
          }}
          doubleTap={() => {
            console.log('double tap')
          }}
          delay={200}
        >
          <Button title="Single or Double Tap" />
        </DoubleClick>
      </View>
    )
  }
}

Functional

const App: React.FC = () => {
  return (
    <View>
      <DoubleClick
        singleTap={() => {
          console.log('single tap')
        }}
        doubleTap={() => {
          console.log('double tap')
        }}
        delay={200}
      >
        <Button title="Single or Double Tap" />
      </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