这么火的ReactNative让我也把持不住了,一言不合我就开始搭建环境了,之前在网上查,好多人都说在win上搭建好难,个人表示好方,于是我怀着忐忑的心情开始搭建,我按照this开始搭建,由于之前我写android就是用AS,所以就跳过,接着VS我也有,感觉这都是程序员必备,Git也有,接下来问题来了,python?我很早就想学这门语言,但是最近都在学习android,所以就没时间,然后安装python没成功,我就自动下一步先,打算等会再说这个,接下来是node.js,不好意思,这个我也有,这么写着我的尴尬症都犯了,因为之前要搭建hexo来写博客,额,都是天意,接下来就是重点了,运行命令
npm install -g react-native-cli,出现下面这张图片
Github没毛病,再运行下面的命令react-native init MyProject,这个命令是创建你的ReactNative项目,再运行这行命令之前进入你想将项目存放的路径,出现下面这两张张图片没毛病,细心的同学会发现这两张图片其实就是运行完上面的命令之后的结果,之所以分成两张,是因为截不下来,然后进入你的项目的目录运行命令react-native start,注意是要进入项目的目录,出现下面两张图片Github,Github没毛病,然后保证这个窗口打开,重新打开一个命令窗口,一样先进入项目的目录,然后运行命令react-native run-android,如果出现下面图片的错误,Github,Github那么,恭喜你,跟我一样踩坑了,讲道理,一直这么顺我都好方,终于出现问题了,那么我们如何解决呢?首先,你要明白这个问题产生可能是因为你没有将ANDROID_HOME环境变量设置为你sdk所在目录,也可能是platform-tools没有设到了PATH环境变量中,运行adb devices看不到设备,解决了这个问题之后,就离成功真的只差一步了,我们再次进入项目的目录,运行react-native run-android,接下来出现的应该是下图的画面了,Github,Github然后你就可以在你的Genymotion模拟器上看到了,如果你想修改显示的样子,只要在项目中找到文件index.android.jx,进入修改,然后问题又来了,并没有像网上说的那样,直接就显示了,而是需要把之前保证打开的哪个窗口关闭,其实就是关闭packager,然后重新运行执行react-native start和react-native run-android命令就可以了,同时这里需要说一下,因为react-native start执行需要时间,所以只有等它执行完后才能在Genymotion模拟器上看到修改后的样子,至此,整个搭建完成了,大家有问题,可以上React-Native中文社区http://bbs.reactnative.cn/看看