react-native-haptic

iOS 10 and up, haptic feedback for React Native applications

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-native-haptic
1.0.15 years ago7 years agoMinified + gzip package size for react-native-haptic in KB

Popular Searches

Readme

react-native-haptic

Install the package in your project directory

$ npm install react-native-haptic --save

Link the library to the XCode proj of your React Native project (ios -> "yourproject.xcodeproj").

  1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
  2. Go to node_modules ➜ -react-native-haptic and add ReactNativeHaptic.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libReactNativeHaptic.a to your project's Build Phases ➜ Link Binary With Libraries
  4. Run your project (Cmd+R)<

How to use

```javascript
import ReactNativeHaptic from 'react-native-haptic';
ReactNativeHaptic.generate('notification')}> ```

Example

alt tag
I would suggest to run the example directly on your device, since chances are you won't feel the feedback in the simulator ;)

Methods

```javascript /
* @static
* @method prepare
* @description Prepares the Taptic Engine (Awaken state). Usually used seconds before triggering a feedback.
* This is optional, mostly used when the feedback needs to be synced with sound.
*
*/

static prepare() {
  ReactNativeHaptic.prepare();
}

/
* @static
* @method Generate
* @description Triggers haptic feedback of type :type
* @param type Type of haptic feedback
*/

 static generate(type: 'impact' | 'notification' | 'selection' | 'impactLight' | 'impactMedium' | 'impactHeavy' | 'notificationError' | ' notificationSuccess' | 'notificationWarning') {
   ReactNativeHaptic.generate(type);
 }
```