ios端集成
组件的安装
yarn add react-native-splash-screen
react-native link react-native-splash-screen
在 AppDelegate.m中导入 这个类
image.png
#import "RNSplashScreen.h"
有的地方是 #import "SplashScreen.h" 这里要注意看下 这个组件的类名是什么
image.png
image.png
在AppDelegate.m中导入 这个类 后 开启启动屏
image.png
到这里基本配置算是完了 。
接下来配置启动图
image.png
点进去
image.png
image.png
到这里 我们就要拖拽不同尺寸的适配图进去了
Mac的话 可以用这个软件 准备一张1024*1024.png大小的图
这个软件可以生成启动图 还有logo图都可以
image.png
也可以通过这个网址 上传 然后下载下来 ios android logo生成 这个网址只能生成logo图标
生成这些启动图 按照尺寸大小拖拽进去就可以了。
image.png
保存下来
image.png
image.png
在RN中的入口文件 配置关闭
import SplashScreen from 'react-native-splash-screen'
.......
componentDidMount() {
SplashScreen.hide() //隐藏启动屏
}
.......
如果出现黑屏或者 不显示启动图 说明没有引对
image.png
这个地方能够点进去 并且对应的名称一致 就可以了
效果图
ios的完成！
网友评论