废话不多说,你真的要抛开以前做原生的经验用react-native来做app了么?
这意味着你要更新你的原生的编程思想,把他稍微中和点web的编程方式来,这对于你可能是很陌生的,不能适应恶心头晕想吐,可惜你还是只能硬吃!不然它怎么叫Webapp呢?!
=====================朴素的分割线=======================
既然你看到这里了兄弟,你从心里已经做好了准备!(风萧萧兮易水寒,壮士一去兮不复返!)
直接放上github,我们一步一步来看,我们做一个app,可能会用到些什么!
https://github.com/castielLi/WeGuess
在边克隆代码的时候我们先来理一理我们初次见面react-native就会遇到的坑!环境....
对于一个原生开发的人来说(ios,android我并不了解....对不起),我们安装的东西是很少的,我们接触的工具除了编译器就是cocoapods,有的人甚至连pods都不用,但是对于一个react-native开发的app来说说,我们要接触的工具那是相当的多,例如:我们获取安装一个第三方库是手动添加它的.a 或者.o 文件,帅气点的方式是通过cocoapods来进行第三方组件的管理。对于react-native来说,它有很多cocoapods类似的工具: npm , yarn , brew 吧啦吧啦吧,所以看到这么多工具的起头命令时千万别慌张,硬吃!如果你遇到你喜欢的第三方不是同一个管理工具下的,不要担心!你只需要保证你下载的是最新的版本,剩下的就只能听天由命了。因为现在react-native已经是0.44版本,更新之迅速,之间还伴随了node.js的更新,所以你若用的最新版本,那么这个第三方可能用的了,用的过时版本这个第三方肯定用不了!就会出现各种红屏:
can not found module from 'xxxxx'
经过我这段时间的埋坑,大多数出现这个情况都是因为你的组件版本已经过时,我猜想是因为组件版本编写时其相关联的react或者node等文件的文件结构已经改变,导致在原来的路径下已经找不到对应的文件了,如果有大神知道实情还请留言告知,共同进步。
默认大家已经安装了nodejs. 那么很开心的是nodejs里面自带了一个npm,保证他们俩是最新的版本!
然后按照react-native的官方文档里面说的安装react-native-cli,按照官方的走,暂时别去相信其他的脚手架。
那么到此为止我们已经具备了开发一个react-native 的helloworld的所有具备条件
“开发工具呢?你没说” 我们继续.....
=====================朴素的分割线=======================
如果你想有个较好的开发体验,react-native我接触到的基本上都是通过控制台输入命令
请较好的掌握常用的命令特别是我们上面三个环境的命令node npm react-native-cli