https://github.com/AppAndFlow/react-native-haptic

iOS 10 + haptic feedback for React Native applications
https://github.com/AppAndFlow/react-native-haptic

Last synced: 2 months ago
JSON representation

iOS 10 + haptic feedback for React Native applications

• Host: GitHub
• URL: https://github.com/AppAndFlow/react-native-haptic
• Owner: AppAndFlow
• License: mit
• Created: 2017-01-12T19:30:38.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-04-09T01:20:26.000Z (about 2 years ago)
• Last Synced: 2024-04-18T13:50:44.279Z (2 months ago)
• Language: Objective-C
• Homepage:
• Size: 25.3 MB
• Stars: 201
• Watchers: 5
• Forks: 28
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-react-native - react-native-haptic ★137 - iOS 10 + haptic feedback for React Native applications (Components / System)

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 -> "your_project.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](http://imgur.com/1eTeFeR.png)

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);

    }

  ```