Notice
I don't use this module anymore, and don't have time to maintain it. I've been handing out both github and npm write access to folks that seem interested, so feel free to ask.
react-native-motion-manager
CMMotionManager wrapper for react-native, exposing Accelerometer, Gyroscope, and Magnetometer.
Add it to your project
npm install react-native-motion-manager@latest --save
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-motion-manager
and addRNMotionManager.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNMotionManager.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Click
RNMotionManager.xcodeproj
in the project navigator and go theBuild Settings
tab. Make sure 'All' is toggled on (instead of 'Basic'). Look forHeader Search Paths
and make sure it contains both$(SRCROOT)/../react-native/React
and$(SRCROOT)/../../React
- mark both asrecursive
. - Run your project (
Cmd+R
)
Setup trouble?
If you get stuck, take a look at Brent Vatne's blog. He was gracious enough to help out on this project, and his blog is my go to reference for this stuff.
Api
Setup
var Accelerometer Gyroscope Magnetometer = ;var DeviceEventEmitter // will emit events that you can listen to = React;
Accelerometer
Accelerometer; // in secondsDeviceEventEmitter;Accelerometer; // you'll start getting AccelerationData events aboveAccelerometer;
Gyroscope
Gyroscope; // in secondsDeviceEventEmitter;Gyroscope; // you'll start getting GyroscopicData events aboveGyroscope;
Magnetometer
Magnetometer; // in secondsDeviceEventEmitter;Magnetometer; // you'll start getting MagnetomerData events aboveMagnetometer;
Example
This repo contains an example react-native app to help get you started. Source code here.