import { Accelerometer, Gyroscope } from "react-native-sensors";

let accelerationObservable = null;
new Accelerometer({
    updateInterval: 400 // defaults to 100ms
})
    .then(observable => {
        accelerationObservable = observable;

        // Normal RxJS functions
        accelerationObservable
            .map(({ x, y, z }) => x + y + z)
            .filter(speed => speed > 20)
            .subscribe(speed => console.log(`You moved your phone with ${speed}`));
    })
    .catch(error => {
        console.log("The sensor is not available");
    });

setTimeout(() => {
    accelerationObservable.stop();
}, 1000);

import React, { Component } from "react";
import { Text, View } from "react-native";
import { decorator as sensors } from "react-native-sensors";

class MyComponent {
    // no lifecycle needed
    render() {
        const { sensorsFound, Accelerometer, Gyroscope } = this.props;

        if (!Accelerometer || !Gyroscope) {
            // One of the sensors is still initializing
            return null;
        }

        return (
            <View style={styles.container}>
                <Text style={styles.welcome}>
                    {(sensorsFound["Accelerometer"] &&
                        `Acceleration has value: ${Accelerometer}`) ||
                        "Acceleration is not available"}
                    {(sensorsFound["Gyroscope"] && `Gyro has value: ${Gyroscope}`) ||
                        "Gyro is not available"}
                </Text>
            </View>
        );
    }
}

export default sensors({
    Accelerometer: {
        updateInterval: 300 // optional
    },
    Gyroscope: true
})(MyComponent);