react-native-multitap

React Native multi tap component with the ability to handle single tap, double tap, triple tap, long press and all other props accepted by the Pressable component.

Install

npm i react-native-multitap

Usage

import React from 'react'
import { Text, View } from 'react-native'
import MultiTap from 'react-native-multitap'

export default App() => {
    return (
        <MultiTap
            onDoubleTap={() => alert("Double tapped")}
            onSingleTap={() => alert("Single tapped")}
            onTripleTap={() => alert("Triple tapped")}
            onNTaps={(n) => { alert("I was tapped " + n + " times") }}
            onLongPress={() => alert("Long pressed")}
            delay={300}>
            <View>
                <Text>Tap Me</Text>
            </View>
        </MultiTap>
    )
}

Props

Property	Type	Default	Description
delay	number	200	Time for maximum delay between taps
onSingleTap	function	() => {}	Callback for single tap event
onDoubleTap	function	() => {}	Callback for double tap event
onTripleTap	function	() => {}	Callback for triple tap event
onNTaps	function	() => {}	Callback for more than 3 tap event

License

MIT