反应原生的定位问题

时间:2017-02-15 06:19:32

标签: reactjs react-native orientation

我正在使用React原生定位模块。我只需要一个横屏视图。所以在componentDidMount()中写了loackToLandscape(),当我回去时我写了lockToProtrait()。

我的代码如下:

componentWillMount(){

  if(this.props.sportName == 'Pro Football'){
    Orientation.lockToLandscape();

    this.setState({
      HEIGHT:375,
      WIDTH:667


    })
  }
  else{
   Orientation.lockToPortrait();
  }

}
onBack(){
  Orientation.lockToPortrait();
       this.setState({
        open:false
      })
  }

autorotation 为false时,它正常工作。但是当我将设备更改为肖像时,自动旋转处于启用状态时,视图也会更改为纵向。但是我希望它能够锁定景观。

1 个答案:

答案 0 :(得分:2)

只是你必须尝试这个:

在AppDelegate.m中添加两行

#import "../../node_modules/react-native-orientation/iOS/RCTOrientation/Orientation.h"

 - (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window {
    return [Orientation getOrientation];
  }

在您按照此链接之前,您将获得结果:

首先,您要点击链接如何锁定横向

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