react-native-shake-event-by-littlekey

4.0.2 • Public • Published

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

Dependents (0)

Package Sidebar

Install

npm i react-native-shake-event-by-littlekey

Weekly Downloads

13

Version

4.0.2

License

MIT

Last publish

Collaborators

  • littlekey