@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