前几周,我们主管给了我一个关荣的任务,那就是在我们安卓项目中搭建一个平台来支持react native的web应用。从此我和react native算是结下了缘分。我也算是从零开始搭建RN的环境。当完成是才发现,原来也不难,只是自己是个小白,踩了太多的坑。
为什么难呢,一是Facebook对react native 升级版本太快了,两周准时发布一版。且不向下兼容。且其发布的最新版本只放在npm上,jcenter()中只放到了0.20.1的版本。网上关于react native博客都是一些基础的文章,并没有一个系统的文章来介绍怎么集成react native到自己的项目中。最关键的他们的文章大部分都是react native 0.20.0以下的版本的文章,他们的文章只能当做参考来理解下概念性的东西,至于拿来主义的我显得并不适用。于是我在踩完这些坑后,决定将自己的理解和经验分享出来。如果能帮助到对这些问题头疼的你,将是我的荣幸。
关于react native的基本概念介绍 ,react native是什么东西,请查看官方文档介绍,lean once ,run anywhere ,等这些吹牛逼的理念大家可以感受下。这里我只讲剑法,不讲心法。
我决定分为以下几个章节来循循渐进地介绍填坑道路:1、跑起一个hello world 级的react native的project。2、用Android Studio创建一个Test 的Android project,用npm将其变成react native的开发环境。3、从本地打bundle的方式来显示我们的react native页面。4、将react native页面集成到自己的大项目中(附截图)。5、原生项目和react native之间的数据交流及方法调用(注解方式)。6、总结自己一些经验和对react native的简单理解以及自己融合后的项目在打包中遇到的问题。
网友评论