如何在反应导航中将屏幕方向锁定为纵向模式？

Question

如何在React Navigation中将屏幕模式锁定为纵向模式？

我正在使用的反应导航版本：4.0.10

这是我的导航结构

const AppNavigation = createSwitchNavigator({
    Initialize: {
        //screen: SplashScreen,
        screen: Login,
    },
    ApplicationIntro: {
        screen: ApplicationIntro,
        navigationOptions: {
            header: null,
        },
    },
    Auth: AuthNavigation,
    Home: Home,
});

文档中没有通过navigationOptions或defaultNavigationOptions传递参数来处理屏幕方向的任何内容。

无论如何都可以在不使用任何其他库的情况下将屏幕模式锁定为“人像”？

Answer 1

我认为反应导航不会提供方向属性。因此，您可以使用react-native-orientation（https://www.npmjs.com/package/react-native-orientation），但是正如您所看到的，它在过去两年中没有更新，并且它的侦听器有时也无法正常工作。因此，然后我使用react-native-orientation-locker（https://www.npmjs.com/package/react-native-orientation-locker），但我没有发现与此有关的任何问题。因此您可以使用react-native-orientation-locker（请在安装时使用纱线检查拼写，因为它们拼写错误）。

Answer 2

[设置方向肖像模式的最简单方法之一，就是将这段代码android:screenOrientation="portrait"添加到Android清单文件中的活动标签中，就像这样

在清单中，为您的所有活动设置此：

<activity android:name=".YourActivity"
    android:configChanges="orientation"
    android:screenOrientation="portrait"/>