A react-native module that allows you to use the accelerometer, gyroscope and magnetometer and Android devices"
npm install react-native-sensor-managerreact-native-sensor-manager
============================
Wrapper for react-native. Accelerometer, Gyroscope, Magnetometer, Step Counter, Thermometer are supported for now.
Add it to your project
-------------------------
$ npm i react-native-sensor-manager --save
rnpm link
Make alterations to the following files:
* android/settings.gradle
``gradle`
...
include ':react-native-sensor-manager'
project(':react-native-sensor-manager').projectDir = new File(settingsDir, '../node_modules/react-native-sensor-manager/android')
* android/app/build.gradle
`gradle`
...
dependencies {
...
compile project(':react-native-sensor-manager')
}
* register module (in MainActivity.java)
* For react-native below 0.19.0 (use cat ./node_modules/react-native/package.json | grep version)
`java
import com.sensormanager.SensorManagerPackage; // <------ add package
public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {
......
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mReactRootView = new ReactRootView(this);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(new MainReactPackage())
.addPackage(new SensorManagerPackage()) // <------- add package
.setUseDeveloperSupport(BuildConfig.DEBUG)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
mReactRootView.startReactApplication(mReactInstanceManager, "ExampleRN", null);
setContentView(mReactRootView);
}
......
}
`
* For react-native 0.19.0 and higher
`java
import com.sensormanager.SensorManagerPackage; // <------ add package
public class MainActivity extends ReactActivity {
// ...
@Override
protected List
return Arrays.
new MainReactPackage(), // <---- add comma
new SensorManagerPackage() // <---------- add package
);
}
`
Api
----
js
import React, {
DeviceEventEmitter // will emit events that you can listen to
} from 'react-native';var mSensorManager = require('NativeModules').SensorManager;
`
$3
`js
mSensorManager.startAccelerometer(100); // To start the accelerometer with a minimum delay of 100ms between events.
DeviceEventEmitter.addListener('Accelerometer', function (data) {
/**
* data.x
* data.y
* data.z
**/
});
mSensorManager.stopAccelerometer();
`$3
`js
DeviceEventEmitter.addListener('Gyroscope', function (data) {
/**
* data.x
* data.y
* data.z
**/
});
mSensorManager.startGyroscope(100);
mSensorManager.stopGyroscope();
`$3
`js
mSensorManager.startMagnetometer(100);
DeviceEventEmitter.addListener('Magnetometer', function (data) {
/**
* data.x
* data.y
* data.z
**/
});
mSensorManager.stopMagnetometer();
`$3
`js
mSensorManager.startOrientation(100);
DeviceEventEmitter.addListener('Orientation', function (data) {
/**
* data.azimuth
* data.pitch
* data.roll
**/
});
mSensorManager.stopOrientation();
`$3
`js
mSensorManager.startStepCounter(1000);
DeviceEventEmitter.addListener('StepCounter', function (data) {
/**
* data.steps
**/
});
mSensorManager.stopStepCounter();
`$3
`js
mSensorManager.startThermometer(1000);
DeviceEventEmitter.addListener('Thermometer', function (data) {
/**
* data.temp
**/
});
mSensorManager.stopThermometer();
`$3
`js
mSensorManager.startLightSensor(100);
DeviceEventEmitter.addListener('LightSensor', function (data) {
/**
* data.light
**/
});
mSensorManager.stopLightSensor();
`
$3
`js
mSensorManager.startProximity(100);
DeviceEventEmitter.addListener('Proximity', function (data) {
/**
* data.isNear: [Boolean] A flag representing whether something is near the screen.
* data.value: [Number] The raw value returned by the sensor (usually distance in cm).
* data.maxRange: [Number] The maximum range of the sensor.
**/
});
mSensorManager.stopProximity();
``