react-native-double-tap

1.0.1 • Public • Published

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

Package Sidebar

Install

npm i react-native-double-tap

Weekly Downloads

302

Version

1.0.1

License

MIT

Unpacked Size

4.83 kB

Total Files

4

Last publish

Collaborators

  • awshawka