@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