美文网首页React Nativereact native
React-Native 解决首页白屏问题

React-Native 解决首页白屏问题

作者: 萝卜丝巾 | 来源:发表于2017-06-15 15:11 被阅读84次

    现在app中嵌入RN开发的不在少说,用过RN开发的同学也知道其好处,热更新也都有使用,说起热更新,微软的codepush是首选,但是用了codepush更新之后问题就出来了,首次启动白屏问题就是一大困扰,那么怎么解决呢.
    1.由于app第一次启动是需要连接codepush服务去下载main.jsbundle文件(iOS工程), 那么白屏这部分时间就是下载main文件的时间,那么可以先把main文件放到工程里么,再去打包安装呢.经过实验其实可行,
    解决方案:先把生成好的main文件放到工程里,然后打包安装.就不会白屏了/

    PS:生成main文件步骤: 1. 先开启 npm , 在执行
    curl http://localhost:8081/index.ios.bundle -o main.jsbundle
    其他代码不用动, 附上工程相关代码:

    注册模块代码 工程相关文件

    最后欢迎吐槽

    相关文章

      网友评论

        本文标题:React-Native 解决首页白屏问题

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