闪屏
闪屏说白一点是障眼法,在iOS App 中有启动图(LaunchImage),启动图结束后才会出现上述的闪白,这个过程是 JS 解释的过程,JS 解释完毕之前没有内容,所以才表现出白屏,那么解决的方法就是在启动图结束后,JS 解释完成前,做一些处理,启动图结束后通过原生代码加载一张全屏占位图片,跟启动图一样的图片,混淆视听『欺骗用户』,即闪屏。可以利用这段时间放上一些图片或者app开启动画,让用户感受不到白屏。
闪屏不宜用太过复杂的动画#
闪屏用太多复杂的动画有点喧宾夺主的意思,这个闪屏的1-2s可以放广告图片,动画等。一般app在闪屏过后就是引导页,如果闪屏占用时间太多的话,
推荐使用rn-splash-screen来做这个事情#
Install#
npm install --save rn-splash-screen
react-native link rn-splash-screen
Configure#
Usage#
The splash screen must be hidden from JavaScript. This can be done as late as possible so as to give your application more time to "load".
import SplashScreen from "rn-splash-screen";
// Hide the active splash screen
SplashScreen.hide();
如果要更改默认图片和动画的话,要修改包里面的东西,简单快捷。