/react-native-double-tap

React-Native double-tap component

Primary LanguageTypeScriptMIT LicenseMIT

@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