react native 导入第三方连接库,Orientation.h file is not found

正确的执行步骤

1>npm install--savereact-native-orientation

2>react-native link 自动将project和.a文件导入你的xcode 项目中,不需要手动导入

3>bulild,编译运行


iOS:

1.用Xcode打开项目,右键点击项目名称,选择 “Add Files to ‘项目名’ “ ;

2.找到路径文件: 项目文件夹/node_modules/react-native-orientation/RCTOrientation ,将该文件添加上;

3.然后重新运行项目;

Android:

用法

componentWillMount() {
    // 判断横竖屏幕
    var initial = Orientation.getInitialOrientation();
    if (initial === 'PORTRAIT') {
      //do stuff
    } else {
      //do other stuff
    }
   
    // 只允许竖屏
    Orientation.lockToPortrait();
    //只允许横屏
    Orientation.lockToLandscape();
}

Functions

  • lockToPortrait()
  • lockToLandscape()
  • lockToLandscapeLeft()
  • lockToLandscapeRight()
  • unlockAllOrientations()
  • getOrientation(function(err,orientation)

返回的结果有LANDSCAPEPORTRAITUNKNOWNPORTRAITUPSIDEDOWN

  • getSpecificOrientation(function(err,specificOrientation)

返回的结果有LANDSCAPE-LEFTLANDSCAPE-RIGHTPORTRAITUNKNOWNPORTRAITUPSIDEDOWN


参考:

http://facebook.github.io/react-native/docs/linking-libraries-ios.html#step-3

https://github.com/yamill/react-native-orientation

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...