启动白屏Trick:  

1. 添加LanchImage

http://liuyy.coding.me/2016/07/22/react-native/react-native_launch/  给android端设置启动图

为了解决这个问题,找了很多的资料,参考了 ReactNative安卓首屏白屏优化, 也并没有解决掉启动慢点问题 , 原因是全react-native的应用,内存换效率的做法并不起作用。
于是我决定曲线就够,在app启动时先展示一张背景图片,当启动后隐藏。

效果类似: 饿了么


2. 设置SplashScreen

https://github.com/SpikeKing/LearningRN  (同一篇,有gif图  http://www.jianshu.com/p/08f296eb67e4


综上两点: http://www.vanadis.cn/2016/06/30/react-native-splash-screen/

react-native实现launchImage和splash-screen


参考:安卓白屏优化 

https://github.com/cnsnake11/blog/blob/master/ReactNative%E5%BC%80%E5%8F%91%E6%8C%87%E5%AF%BC/ReactNative%E5%AE%89%E5%8D%93%E9%A6%96%E5%B1%8F%E7%99%BD%E5%B1%8F%E4%BC%98%E5%8C%96.md


##################################################


性能优化

1.探索react native首屏渲染最佳实践

http://web.jobbole.com/85451/


2. QQ空间终端开发团队  https://zhuanlan.zhihu.com/p/20587485


3.React Native 性能优化建议

http://www.ghugo.com/react-native-high-performance/



Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐