react-native启动页

ios(Xcode15)

步骤1:

创建LaunchScreen.storyboard

RN创建的项目默认是不带LaunchScreen.storyboard的,所以我们需要手动创建,用xcode打开项目下的iOS项目然后在左侧文件导航面板右键选择新建文件
项目目录-->右键-->new file-->Launch Screen

步骤2:

创建LaunchScreen Image Set

打开Images.xcassets然后添加名为LaunchScreen的Image Set:

步骤3:

在LaunchScreen.storyboard中添加ImageView并绑定LaunchScreen Image

打开LaunchScreen.storyboard,然后添加一个ImageView,调整好大小与约束,在为其绑定LaunchScreen Image Set:

即:点击右上角+号后搜索Image View 搜索到了左键点击Image View长按拖动到View Controller 下的view视图里,

然后再次点击+号,点击图片按钮,将LaunchScreen 下的图片拖到视图区域,调整大小

步骤4:

应用LaunchScreen.storyboard

在TARGETS中设置Launch Screen File:

步骤5:

最好是删除APP,clean,关掉node,用模拟器的话,先退出结束掉模拟器,实体机换启动图的话是需要重启设备才能看到效果。这些步骤完成后再重跑项目,不然可能会修改不成功。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值