您当前的位置: 首页 >  react native

xiangzhihong8

暂无认证

  • 0浏览

    0关注

    1324博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

React Native如何消除启动时白屏

xiangzhihong8 发布时间:2017-07-07 21:08:38 ,浏览量:0

在RN 项目启动之后有一个短暂的白屏,调试阶段白屏的时间较长,大概3-5秒,打正式包后这个白屏时间会大大缩短,大多时候都是一闪而过,所以称之为“闪白”。 这里写图片描述这里写图片描述

其实解决的方案也有很多,这里做一个简单的总结。

白屏的原因

在iOS App 中有 启动图(LaunchImage),启动图结束后才会出现上述的闪白,这个过程是 JS 解释的过程,JS 解释完毕之前没有内容,所以才表现出白屏,那么解决的方法就是在启动图结束后,JS 解释完成前做一些简单的处理。

解决的常见方案:

  1. 启动图结束后通过原生代码加载一张全屏占位图片,跟启动图一样的图片,混淆视听“欺骗用户”。
  2. JS解释完毕后通知原生可以移除占位图
  3. 收到 JS 发来的可以移除占位图的通知,移除占位图
  4. <
关注
打赏
1482932726
查看更多评论
立即登录/注册

微信扫码登录

0.1104s