npm

Does your artifact manager get in the way? Join us on Oct. 8 at 10am PT, to discuss how npm can help.Sign up »

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

install

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

Downloadsweekly downloads

16

version

4.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability