react-native (零)

废话不多说,你真的要抛开以前做原生的经验用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


看到这里:谢谢你们还能看我啰嗦,我们正式开始吧!

react-native (一) 


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,328评论 25 709
  • 尽管在移动开发中,原生APP的开发成本很高,但现阶段基于原生开发仍然是必须的,因为Web的用户体验仍无法超越Nat...
    奔跑的大橙子阅读 5,473评论 0 11
  • 在这个紧张而又懒散的,期中考试这段期间。我们不但没有做到态度端正,没做到学习认真。更多的只有胡乱,捣乱,顽皮,...
    云树周想阅读 810评论 0 1
  • 突如其来的总是表象 深层的 总是通过积淀 有所感觉 若是 有一种风景能够洗心 那也是你看了千遍万遍 若是深陷在泥潭...
    美食美客阅读 313评论 0 3
  • 那时我们有梦,关于文学,关于爱情,关于穿越世界的旅行。 如今我们深夜饮酒,杯子碰到一起,都是梦破碎的声音 。 ...
    余应心阅读 745评论 0 2

友情链接更多精彩内容