在android中,当点击某个rn模块的入口按钮,弹出rn的activity到rn的页面展现出来的过程中,会有很明显的白屏现象,不同的机型不同(cpu好的白屏时间短),大概1s到2s的时间。
这是由于要把jsbundle文件读入到内存中,并进行执行,然后初始化各个对象,主要就是以下两行代码:
ReactRootView mReactRootView = createRootView();
mReactRootView.startReactApplication(mReactInstanceManager, getMainComponentName(), getLaunchOptions());
所以优化的方法就是我们在调用rn的上一个activity预先去加载bundle,如果第一个页面就是rn,就在启动图上做文章,下面的几个链接都很好的解决了这个问题,直接照着做就行了,没什么特别的坑:
http://www.jianshu.com/p/ad887f61448a?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin
http://reactnative.cn/post/754
https://github.com/crazycodeboy/react-native-splash-screen/blob/master/README.zh.md
网友评论