研究几天RN(React-Native)后,跟着官方的demo做了一下电影图片显示的那个,但是总感觉官方的demo欠缺点什么,所以找来找去找到了RN版的知乎日报,话说知乎日报什么版的都有,不信你们上网搜搜。
下面是知乎日报的链接:https://github.com/race604/ZhiHuDaily-React-Native
话说我是个git盲,所以我是DOWNLOAD zip下载的,这也导致出现了后边的一些小问题,下载之后解压,然后直接复制到了搭建RN开发环境中的Reactnative目录,具体这个目录我觉得没必要和我这个一致,应该是放在任何目录下均可,只是在运行时记得到目录下。
然后打开 CMD,运行react-native start,出现了下边的错误,说实话,我一开始是不知道是什么错误的,所以直接无视。
然后,我聪明了下,直接运行react-native run-android。
于是乎出现了上边的错误,因为之前运行官方的demo是可以的,所以觉得是哪里配置错误,所以狠找,但是还是找不到问题,在群里问了半天,最后一大神说,你确定你环境装完了?我说,确定,然后他给我发了下边的链接:http://react-native.cn/docs/android-setup.html#content
这是官方的安卓环境配置的说明文档,靠,不看不知道,一看吓一跳,第一个就是安装git,结果我是没有装的,这个有自己的问题,也有很多大神的问题,之前搭建环境文档中就没有提说要装git,大家都忽略了官方文档,都看神的了,所以出现这个问题,然后我果断按文档下载安装git,并记住文档中的说明,要设置环境变量,如下图:
安装完之后可以生成下边的快捷方式,安装git时注意看看过程中的每个选项,这个东西的选项比较多。
然后安装完之后,我们接着CMD,结果react-native start涛声依旧
然后再试试react-native run-android,前提是打开模拟器啊,一切正常,结果最后来个这错误:
这个错误是本身代码的问题,需要修改两个文件,所说官方已经改了,但是我也是直接下载的,具体为什么没有更新过来,我也不知道,修改这个错误的方法,请参照git上的链接 :
昨天还能打开的链接,issue链接,今天已经删除了,这说明作者已经解决了这个问题了,所以大家下载下来的代码应该不会出现这个问题,如果你们出现了,给我留言,我告诉你修改哪两个文件。一个是C:\Users\Administrator\reactNative\ZhiHuDaily\android\app\src\main\AndroidManifest.xml另一个是C:\Users\Administrator\reactNative\ZhiHuDaily\android\app\src\main\java\com\race604\zhihu\daily\MainActivity.java,具体怎么改就不说了,这个问题应该是不存在 了。
也显示build成功,结果呢,在模拟器中一点击运行程序图标,程序一运行就闪退,说实话不知道什么问题。
后来,灵机一动,是不是还是git的原因,于是乎,打开桌面上的git bash,在里边运行react-native start,呵呵,好了,如下图:
呵呵,这时候我已经意识到成功就在眼前了,然后再运行react-native run-android,成功了。如下图:
然后打开模拟器中的应用程序,OK!
成功的喜悦总是激荡着我们的内心,这也可能是我们程序猿们坚持在这个领域的重要原因,每每调试成功一个程序或者发布一个产品,都有一种内心的喜悦,有时无法用言语来表达,非程序猿可能感受不到,所以赶紧把这个艰难的过程记录下来。