react native打包ios,并修改app图标,名称和启动页

一、生成Xcode工程
在react-native项目根木下运行react-native run-ios命令,在react-native项目/ios目录下,会生成项目名.xcodeproj工程,
使用Xcode开发工具打开项目名.xcodeproj工程
二、修改app图标
1、点击左侧项目目录最顶端项目名前面图标为蓝色背景项
2、点击General项,往下拉找到App Icons and Launch Images 下的App Icons Source ,配置Launch lmages Source项,选择use Asset Catalog选择然后点击向右的小箭头
在这里插入图片描述
3、进入Applcon界面,如下图的会出现不同尺寸的图标,每个位置的尺寸计算,比如第一个图标尺寸为2*20pt=40,则第一个图片尺寸为40x40大小,后面以此类推将下面所有图标填入

在这里插入图片描述
三、修改app启动页
1、点击左侧项目目录最顶端项目名前面图标为蓝色背景项
2、点击General项,往下拉找到App Icons and Launch Images 下的Launch lmages Sourc项,配置Launch lmages Source项,选择image,选择后会出现”launchlmage”项,然后点击向右的小箭头
在这里插入图片描述
3、进入Launchlmage界面,如下图的会出现不同尺寸的图标,每个位置的尺寸计算,比如第一个图标尺寸为2*20pt=40,则第一个图片尺寸为40x40大小,后面以此类推将下面所有图标填入
在这里插入图片描述
注意:如果按照上述步骤全部完成,启动页还是没有变化,也需要卸载装载在手机上的app,重新运行项目装载app即可
四、修改app名称
1、点击左侧项目目录最顶端项目名前面图标为蓝色背景项,点击Info项,配置”Bundle display name”选项,如果此选项不存在的话,可以添加”Bundle display
name”此项,如果此项存在,则直接进行第三步操作
在这里插入图片描述
2、添加”Bundle display name”项
在这里插入图片描述
在这里插入图片描述
3、双击”bundle display name”项后面的”value”,进入编辑状态,输入App名称即可
在这里插入图片描述
4、修改成功
在这里插入图片描述
五、配置成功,点击运行项目,即可安装app

猜你喜欢

转载自blog.csdn.net/weixin_42185136/article/details/88716377