React Native Android启动屏锁定竖屏问题求助

是的，你猜的没错——问题就是启动屏和主应用共用同一个Activity导致的。

你在layout.xml里设置的android:orientation="vertical"只是控制布局内部元素的排列方向，根本管不了屏幕的旋转方向。Android的屏幕方向是针对Activity级别的配置，不是布局文件能控制的。

具体解决步骤： #

1. 先锁定启动阶段的Activity为竖屏
   打开android/app/src/main/AndroidManifest.xml，给主Activity添加android:screenOrientation="portrait"属性，这样启动屏显示时就会强制竖屏：

   <activity
       android:name=".MainActivity"
       android:screenOrientation="portrait"
       android:label="@string/app_name"
       android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
       android:launchMode="singleTask"
       android:windowSoftInputMode="adjustResize">
       <intent-filter>
           <action android:name="android.intent.action.MAIN" />
           <category android:name="android.intent.category.LAUNCHER" />
       </intent-filter>
   </activity>
   

2. 应用启动完成后解锁所有方向
   用react-native-orientation-locker库来动态切换屏幕方向（这是React Native生态里处理方向最常用的库）：

   • 安装依赖：

     npm install react-native-orientation-locker --save
     # 或者用yarn
     yarn add react-native-orientation-locker
     

   • 在你的根组件（比如App.js）里，等应用初始化完成后解锁方向：

     import React, { useEffect } from 'react';
     import Orientation from 'react-native-orientation-locker';
     import { View } from 'react-native';
     
     const App = () => {
       useEffect(() => {
         // 应用启动完成后，允许所有屏幕方向
         Orientation.unlockAllOrientations();
       }, []);
     
       return (
         <View>
           {/* 你的应用内容 */}
         </View>
       );
     };
     
     export default App;
     

这样设置后，启动屏阶段Activity强制竖屏，用户没法旋转；等应用加载完成，自动解锁所有方向，满足你主应用支持全方向的需求。

内容的提问来源于stack exchange，提问作者Joel Hager