iOS 10 + haptic feedback for React Native applications
Branch: master
Clone or download
Latest commit cb4ae60 Sep 17, 2018
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 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


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')}>


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


   * @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() {
   * @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') {