react native ios 添加启动页 xcode14 react-native-splash-screen

在React Native项目中使用react-native-splash-screen插件来设置iOS应用的启动页，你需要按照以下步骤操作：

1. 安装react-native-splash-screen：

npm install react-native-splash-screen

2. 链接原生模块（如果你使用的是React Native 0.60及以上版本，则自动链接）：

npx react-native link react-native-splash-screen

3. 在AppDelegate.m文件中导入并初始化启动屏幕。

编辑ios/[你的项目名]/AppDelegate.m文件，在didFinishLaunchingWithOptions方法中添加以下代码：

#import "RNSplashScreen.h"
 
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    // ...其他代码
 
    [RNSplashScreen show];
    return YES;
}

4. 在你的React Native代码中使用SplashScreen组件来控制启动屏幕的显示和隐藏。

在App.tsx或你的入口文件中，添加以下代码：

import SplashScreen from 'react-native-splash-screen';
 
// 在组件安装或者导航操作完成后，隐藏启动屏幕
useEffect(() => {
  SplashScreen.hide();
}, []);
 
// ...你的应用其余代码

确保在Xcode中编译运行你的项目，启动页应该按照你的配置显示。如果你在实际操作过程中遇到问题，请检查是否有任何Xcode配置错误或者是react-native-splash-screen版本兼容问题。