iOS 10 + haptic feedback for React Native applications
Branch: master
Clone or download
Latest commit cb4ae60 Sep 17, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Example In this diff, I've done a few things: Jul 9, 2018
ios Fix string comparison Jul 25, 2018
.DS_Store Description wording Jun 21, 2018
.gitignore gitignore Jun 21, 2018
LICENSE Create LICENSE Sep 17, 2018
README.md In this diff, I've done a few things: Jul 9, 2018
index.d.ts feat: declare HapticFeedbackType Aug 1, 2018
index.js initial commit Jan 12, 2017
package.json Bump npm version Aug 3, 2018
react-native-haptic.podspec use package.json for podspec details Jun 5, 2018

README.md

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 LibrariesAdd 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 PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)<

How to use

  import ReactNativeHaptic from 'react-native-haptic';
  
  <TouchableHighlight style={styles.wrapper} onPress={() => 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

  /**
   * @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);
    }