github https://github.com/90Mark/react-native-orientation-mk

本文档，适用于ReactNative 项目

基于 react-native-orientation 修改和新增

---

使用方法：

安装

npm install react-native-orientation-mk --save
react-native link react-native-orientation-mk

ios需要 pod install

自动link如果不成功，需要手动link

导入

import Orientation from 'react-native-orientation-hfjy'

---

ios设置 :

1.设备方向需要勾选 Portait,Landscape Left,Landscape Right


2.需要将rootVC 替换成 OrientationViewController

#import "OrientationViewController.h"

...
OrientationViewController *rootViewController = [[OrientationViewController alloc]initWithOrientation:UIInterfaceOrientationMaskPortrait];
rootViewController.view = rootView;
self.window.rootViewController = rootViewController;
...

---

js 中 常用方法:

其他可去react-native-orientation npm官网查看

import Orientation from 'react-native-orientation-hfjy'

获取方向
Orientation.getOrientation((res) => {})

设置横竖屏
Orientation.lockToPortrait()
Orientation.lockToLandscape()


监听转屏
Orientation.addOrientationListener(this._changeOrientation)
Orientation.removeOrientationListener(this._changeOrientation)

_changeOrientation = (res) => {
this.setState({ orientation: res })
}




解锁屏幕,可自由旋转

Orientation.unlockAllOrientations()

---

其他不常用的可参考源码

有任何疑问或建议可在评论区留言

_by 90Mark