react-native-splash-screen在RN0.63/ios13的安装与配置

发布网友发布时间：2024-09-29 09:20

共1个回答

热心网友时间：2024-12-11 21:06

对于React Native 0.63及以上版本，安装和配置react-native-splash-screen已经有所简化。以下是具体步骤：

在RN 0.63及以上版本中，不再需要手动link依赖，只需在build.gradle文件中引入相应的依赖即可。

Android配置：

1. 检查`/android/setting.gradle`、`/android/app/build.gradle`和`/android/app/src/main/java/com/xxxxx/MainApplication.java`这三个文件，官方文档虽然建议添加包，但实测在引入依赖后已无需额外操作。

对于启动图，Android：

- 创建`/android/app/main/res/layout/launch_screen.xml`，设置`android:src`属性为启动图的实际文件名。

- 在res文件夹下创建不同分辨率的启动图文件夹。

iOS 13及以上：

- iOS引入LaunchScreen.storyboard统一设置启动图，不再需要LaunchImage。

- 手动创建LaunchScreen.storyboard，添加ImageView并绑定LaunchScreen Image Set。

- 在TARGETS中设置Launch Screen File。

- 如果遇到启动图空白问题，可能是资源导入方式问题，可以尝试将启动图资源放在工程外部，并在storyboard中调整ImageView的constraints以适应所有分辨率。

最后，在App.js或相关界面初始化代码中，添加隐藏启动图的代码。

通过以上步骤，即可完成react-native-splash-screen在RN0.63/ios13的安装与配置。