React Native(ios)项目中logo,启动屏设置

时间:2022-06-12 17:10:18

由于logo和启动屏尺寸多,react native(ios)中没有命令可以自动生成各种的尺寸,所以可以使用以下办法:在ionic项目中生成(使用命令:ionic resources)后,再粘贴到react native项目中。

一.ionic项目生成图标:

1.保证ionic和cordova的版本是最新的:使用ionic/cordova -v 查看版本

2.使用命令cordova platform version查看ios平台版本

3.安装ios版本最新的:ionic platform add ios@4.1.0(要先删除ios平台rm)

4.重新执行ionic build ios后,将重新设置ios平台

5.首先要准备好logo和启动屏:icon.png(1024*1024)、splash.png(2208*2208)

6.在项目文件夹中,建一个文件夹resources,并将准备好的logo和启动屏移进来;

7.在项目中执行命令ionic resources即可生成各种尺寸大小的logo和启动屏。

二.运用ionic项目中生成的图标,添加到react-native项目中:

1.在Xcode中打开该ionic项目,进入icon和launchImage界面,右键选择在文件夹中打开,复制文件中的两个文件;

React Native(ios)项目中logo,启动屏设置

2.同样的在Xcode中打开react native项目,进入icon和launchImage界面,右键选择在文件夹中打开,粘贴刚刚复制的文件;

3.将Launch Images Source改为LaunchImage;将Launch Screen File设为空;

React Native(ios)项目中logo,启动屏设置

4.将模拟器中安装的这个app卸载掉,再重新启动模拟器或者直接reset模拟器。再次运行就可以了。