1.0.3 • Published 2 years ago

@makakwastaken/react-native-double-tap v1.0.3

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

@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

PropertyTypeDefaultDescription
delaynumber200Time for delay between taps
singleTapfunctionnullcallback for single tap event
doubleTapfunctionnullcallback for double tap event

License

MIT