react-native-orientation-mk

1.0.3 • Public • Published

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

使用方法:

npm install react-native-orientation-mk --save react-native link react-native-orientation-mk ios需要 pod install

自动link 不成功需要手动link

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()

Package Sidebar

Install

npm i react-native-orientation-mk

Weekly Downloads

1

Version

1.0.3

License

ISC

Unpacked Size

44.4 kB

Total Files

17

Last publish

Collaborators

  • mark0012