微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react-native-motion-manager 安装AccelerometerGyroscopeMagnetomer

程序名称:react-native-motion-manager 安装AccelerometerGyroscopeMagnetomer

授权协议: 未知

操作系统: 跨平台

开发语言: Objective-C

react-native-motion-manager 安装AccelerometerGyroscopeMagnetomer 介绍

react-native-motion-manager 是 cmmotionmanager 对 react-native 的封装, 是 React
Native 的动力传感器(加速计,陀螺计,磁力计)组件。

添加到你的项目:

  1. npm install react-native-motion-manager@latest --save

  2. 在 XCode 的项目导航右击 Libraries ➜ Add Files to [your project's name]

  3. 转到 node_modules ➜ react-native-motion-manager 然后添加 RNMotionManager.xcodeproj

  4. 在 XCode 项目导航选择你的项目,添加 libRNMotionManager.a 到你项目的 Build Phases ➜ Link Binary With Libraries

  5. 在项目导航中点击 RNMotionManager.xcodeproj 然后转向 Build Settings 标签。确保 ‘All’ 勾选上 (替代 ‘Basic’)。查看 Header Search Paths 确保它包括 $(SRCROOT)/../react-native/React 和 $(SRCROOT)/../../React - ,把两个都标记为 recursive

  6. 运行你的项目 (Cmd+R)

Api

安装

var {
    Accelerometer,
    gyroscope,
    Magnetometer
} = require('NativeModules');
var {
  deviceeventemitter // will emit events that you can listen to
} = React;

Accelerometer

Accelerometer.setAccelerometerUpdateInterval(0.1); // in seconds
deviceeventemitter.addListener('accelerationData', function (data) {
  /**
  * data.acceleration.x
  * data.acceleration.y
  * data.acceleration.z
  **/
});
Accelerometer.startAccelerometerUpdates(); // you'll start getting accelerationData events above
Accelerometer.stopAccelerometerUpdates();

gyroscope

gyroscope.setGyroUpdateInterval(0.1); // in seconds
deviceeventemitter.addListener('GyroData', function (data) {
  /**
  * data.rotationRate.x
  * data.rotationRate.y
  * data.rotationRate.z
  **/
});
gyroscope.startGyroUpdates(); // you'll start getting accelerationData events above
gyroscope.stopGyroUpdates();

Magnetomer

Magnetometer.setAccelerometerUpdateInterval(0.1); // in seconds
deviceeventemitter.addListener('MagnetometerData', function (data) {
  /**
  * data.magneticField.x
  * data.magneticField.y
  * data.magneticField.z
  **/
});
Magnetometer.startMagnetometerUpdates(); // you'll start getting accelerationData events above
Magnetometer.stopMagnetometerUpdates();

react-native-motion-manager 安装AccelerometerGyroscopeMagnetomer 官网

https://github.com/pwmckenna/react-native-motion-manager

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐