世博会-将方向锁定为横向

时间:2019-06-23 15:18:43

标签: react-native expo

我正试图让我的Expo React-native应用程序横向显示

我将app.json编辑为:

"orientation": "landscape",

这在App.js中

import { ScreenOrientation } from 'expo';

export default class App extends React.PureComponent {
  // ...
  componentDidMount() {
    ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE);
  }
  // ...
}

我尝试在android模拟器中运行,但看起来该模拟器已锁定为纵向模式。 设备的物理方向为横向,该应用已“拉伸”以适合横向屏幕,但android似乎锁定为纵向模式:

https://i.ibb.co/dK54ngp/Capture.png

我检查设备设置,并且“自动旋转”处于打开状态。

我想我缺少了一些东西,但是找不到。

有人可以告诉我将应用程序锁定为横向模式需要做什么吗?

编辑

似乎可以与Nexus 5仿真器一起使用,而不能在Nexus 9上使用

3 个答案:

答案 0 :(得分:3)

对我来说,仅更改app.json中的方向就足够了,不需要代码。

答案 1 :(得分:1)

对此进行更改。

  import * as ScreenOrientation from 'expo-screen-orientation';
ScreenOrientation.unlockAsync()

答案 2 :(得分:1)

在最新的Expo版本中,有一些与方向相关的错误。

查看以下内容:https://github.com/expo/expo/issues/8210