https://github.com/sarthakpranesh/react-native-tap
Simple React Native components to implement custom and interesting multi-tap and long-press interactions.
https://github.com/sarthakpranesh/react-native-tap
component-library longpress multitap react react-native tap
Last synced: about 1 month ago
JSON representation
Simple React Native components to implement custom and interesting multi-tap and long-press interactions.
- Host: GitHub
- URL: https://github.com/sarthakpranesh/react-native-tap
- Owner: sarthakpranesh
- License: mit
- Created: 2020-08-19T09:43:29.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-20T19:47:17.000Z (almost 6 years ago)
- Last Synced: 2025-06-05T18:46:31.427Z (about 1 year ago)
- Topics: component-library, longpress, multitap, react, react-native, tap
- Language: JavaScript
- Homepage:
- Size: 397 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.npmjs.com/package/react-native-tap)
[](https://www.npmjs.com/package/react-native-tap)
[](https://github.com/sarthakpranesh/react-native-tap/stargazers)
# react-native-tap
Simple React Native components to implement custom and interesting multi tap and long press interactions.
## Installation
Using yarn:
```bash
yarn add react-native-tap
```
Using npm:
```
npm i react-native-tap
```
Dependency: Make sure you have `react-native-gesture-handler` installed
## Usage
Using Bare multi tap component
```js
import {MultiTap} from 'react-native-tap';
```
Example usage
```
console.log("Single tap")} onDoubleTap={() => console.log("Double tap)}>
Tap Me!
```
## Expo Example
Their is expo example present in the `example` directory for you to try out.
Instructions, make sure `expo-cli` is installed
1. `git clone https://github.com/sarthakpranesh/react-native-tap.git`
2. `cd react-native-tap/example`
3. `yarn install`
4. `expo start` and scan the QR code from expo client mobile app
## Documentation
MultiTap component
|Name |Description |Default |Type |
|--- |--- |--- |--- |
|onSingleTap |Function called on a single tap on component | () => {} |Func |
|onDoubleTap |Function called on a double tap on component | () => {} |Func |
## Future Components
These components will be provided in future versions
|Component Name |Description |
|--- |--- |
|ReactiveIcon |Will provide basic animated icons using Animated api in React Native. The component will implement both onSingleTap and onDoubleTap functionalities|
## Contributions
Feel free to open GitHub issues for feature request, bugs or discussions, and Pull request are always Welcomed!
## License
[MIT](https://github.com/sarthakpranesh/react-native-tap/blob/master/LICENSE)