如何为 React Native 锁定设备方向

Posted 2023-03-12

【中文标题】如何为 React Native 锁定设备方向

【英文标题】：How to lock device orientation for React Native

【发布时间】：2020-02-26 05:03:57

【问题描述】：

您好，我想知道如何为 android 和 ios 的 React Native 锁定设备方向。一旦用户旋转设备，我需要锁定方向，应用程序将锁定纵向或横向

【问题讨论】：

试试这个包npmjs.com/package/react-native-orientation-locker

【参考方案1】：

适用于安卓

对于 Android 平台，我们需要做的就是导航到位于 android/app/src/main 路径内的 AndroidManifest.xml 文件，并添加属性 android:screenOrientation 的值或 portrait 或风景。该属性必须添加到作为应用程序元素的子元素的 xml 元素活动中。

如下图所示添加即可：

适用于 iOS

对于 iOS 平台，我们需要打开 Xcode，并从 Device Orientation 部分选择所需的方向模式。如下图：

加载您的 React Native 项目的 iOS 部分 从水平菜单导航到“常规”选项卡 转到“部署信息”部分并选中/取消选中所需的设备方向模式。

你准备好了！重建您的项目以验证更改是否已配置。

【讨论】：

@DeSilva 很高兴它有帮助