美文网首页
RN白屏优化之Android篇

RN白屏优化之Android篇

作者: 哪吒闹海全靠浪 | 来源:发表于2017-05-19 14:15 被阅读0次

    在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

    相关文章

      网友评论

          本文标题:RN白屏优化之Android篇

          本文链接:https://www.haomeiwen.com/subject/evsyxxtx.html