react-native-shake-event-by-littlekey

[fork] Add shake event to your React Native app


Keywords
android, ios, native, react, react-component, react-native, react-native-component, shake, shake-event, shake-event-android, shake-event-ios
License
MIT
Install
npm install react-native-shake-event-by-littlekey@4.0.2

Documentation

react-native-shake-event

npm package react-native channel on discord

Add the shake event on your React Native app, giving to users improved usability. Enjoy! (works only on real device)

Demo

react-native-shake-event

Install

$ npm install react-native-shake-event --save

iOS

Automatic

react-native link react-native-shake-event

Manual
  1. Add the RNShakeEvent.xcodeproj file to your Xcode project Demo;
  2. Add the Products/libRNShakeEvent.a file to Build Phases Demo.

This step is described here: Linking Libraries.

Android

react-native link react-native-shake-event

Usage

import RNShakeEvent from 'react-native-shake-event';

class MyComponent extends React.Component {
  componentWillMount() {
    RNShakeEvent.addEventListener('shake', () => {
      console.log('Device shake!');
    });
  }

  componentWillUnmount() {
    RNShakeEvent.removeEventListener('shake');
  }
}

API

RNShakeEvent

addEventListener('shake', Function)

Start listening the shake event and handle a callback function.

removeEventListener('shake', Function)

Stop to listening the shake event, and is recommended to prevent memory leak.

Issues

  1. On debug mode this event also handle the DevMenu, but works fine on production.
  2. Submit here;

License

MIT