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

标签 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 模拟器中运行,但看起来模拟器被锁定在纵向模式。
设备的物理方向是横向的,应用程序被“拉伸(stretch)”以适应横向屏幕,但 android 似乎锁定在纵向模式:

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

我检查了设备设置并且“自动旋转”已打开。

我想我错过了一些东西,但我找不到什么。

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

编辑:

它似乎适用于 Nexus 5 模拟器,而不适用于 Nexus 9

最佳答案

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

关于react-native - 世博会 - 将方向锁定为横向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56725243/

相关文章:

javascript - 在 React Native 中动态添加组件时如何启用流畅的动画?

reactjs - 如何使 Expo.takeSnapshotAsync 在 Android 上工作

android - 适用于 Android 的 Expo 构建卡在队列中

android - Android 的 Expo 构建失败

javascript - create-react-native-app 上的 Knex.js

android - 如何修复 Gradle Sync 错误,为 Android 和 iOS 设置新的 React-Native 项目

javascript - React Native - 创建形状的 flex 边缘

javascript - 如何使用通用函数将数据插入到 sqlite 数据库中

react-native - 如何在 native react 中自定义 Material 底部选项卡导航器?

javascript - React Native cannot npx init project, cannot find module 报错