Skip to content

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.

License

Notifications You must be signed in to change notification settings

eonyxio/react-native-multitap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published