Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/candlefinance/haptics

Haptics for React Native with support for custom patterns and ahap files.
https://github.com/candlefinance/haptics

ahap corehaptics haptics ios react-native uifeedbackgenerator uikit

Last synced: 3 days ago
JSON representation

Haptics for React Native with support for custom patterns and ahap files.

Awesome Lists containing this project

README

        





npm downloads


discord users online



Haptics for React Native


Supports playing haptics on iOS with default UIImpactFeedbackGenerator and CoreHaptics for patterns and ahap files. Vibrates on Android.

## Installation

```sh
yarn add @candlefinance/haptics
```

```sh
npm i @candlefinance/haptics
```

## Basic Usage

There are three functions:

```js
import { haptic, hapticWithPattern } from '@candlefinance/haptics';

// light, medium, heavy, soft, rigid, warning, error, success, selectionChanged
haptic('medium');

// pattern (iOS only)
hapticWithPattern(['.', '.', '.', 'o', 'O', '-', 'O', 'o', '.', '.', '.', '.']);

// play ahap file (iOS only)
play('fileName');
```

The pattern format:

```
- 'o' - medium impact
- 'O' - heavy impact
- '.' - light impact
- ':' - soft impact
- '-' - wait of 0.1 second
- '=' - wait of 1 second
```

For playing ahap files to the root of your project add a folder called `haptics` and add your ahap files there. Use (Haptrix)[https://www.haptrix.com/] or equivalent to generate ahap files.

## Contributing

Join our [Discord](https://discord.gg/qnAgjxhg6n) and ask questions in the **#oss** channel.

## License

MIT