Splash

闪屏说白一点是障眼法，在iOS App 中有启动图(LaunchImage)，启动图结束后才会出现上述的闪白，这个过程是 JS 解释的过程，JS 解释完毕之前没有内容，所以才表现出白屏，那么解决的方法就是在启动图结束后，JS 解释完成前，做一些处理，启动图结束后通过原生代码加载一张全屏占位图片，跟启动图一样的图片，混淆视听『欺骗用户』，即闪屏。可以利用这段时间放上一些图片或者app开启动画，让用户感受不到白屏。

闪屏不宜用太过复杂的动画#

闪屏用太多复杂的动画有点喧宾夺主的意思，这个闪屏的1-2s可以放广告图片，动画等。一般app在闪屏过后就是引导页，如果闪屏占用时间太多的话，

推荐使用rn-splash-screen来做这个事情#

Install#

  1. npm install --save rn-splash-screen

  2. 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();

如果要更改默认图片和动画的话，要修改包里面的东西，简单快捷。

templateGuide