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

本文介绍了在React Native项目中生成Xcode工程的方法,即运行react-native run-ios命令。还详细说明了修改app图标、启动页、名称的具体步骤,如在Xcode中通过特定界面配置不同尺寸图标等。最后指出配置成功后点击运行项目可安装app。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、生成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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值