今天刚把React Native For Android的Demo运行成功,希望把成功的流程分享出来,让更多的人收益。
我们来进行配置之前的准备工作(在这里我默认你们已经安装好了JAVA环境,如果有同学没安装好的,请自行百度咯,炒鸡简单):
JAVA环境是否安装好的检测方法:
- 打开cmd,输入
java -version
,如图:
即为安装成功
下面是React Native 的配置步骤:
- 安装我们大名鼎鼎的nodejs
- 网址:https://nodejs.org/en/,这里提醒一下,一定要注意一下自己电脑操作系统的位数,我们可以这么查看:打开cmd,输入
sysyteminfo
,然后查看 这个参数,我们应该怎么做就显而易见了。 - 下载完成之后当然是按照正常的套路安装啦。没啥好说的
- 安装完成之后,我们可以用
npm -v
来查看一下版本号
- 网址:https://nodejs.org/en/,这里提醒一下,一定要注意一下自己电脑操作系统的位数,我们可以这么查看:打开cmd,输入
- 安装react-native命令行工具
- 官方的安装方法是:
npm install -g react-native-cli
,安装完成之后,我们就可以进行React-Native的目录创建了。
- 官方的安装方法是:
- 现在我们来创建React Native项目
- cd到一个你喜欢的目录里,然后打开cmd,输入
react-native init yourProjectName
,稍等片刻,我们就可以看到nodejs在我们相应的目录下建立了react工程,那么现在我们应该怎么做呢?
- cd到一个你喜欢的目录里,然后打开cmd,输入
- 运行Packager:
- 来到这个目录下 yourPath
\node_modules\react-native\packager
,然后双击或者在cmd里运行packager.sh
这个文件,下图为运行成功的截图:,运行成功之后,我们打开浏览器,输入:http://localhost:8081/index.android.bundle?platform=android 如果成功访问,没有看到任何Error字样,就代表着我们的Nodejs Server已经成功的开启了,我们可以run我们的Project到手机上了。
- 来到这个目录下 yourPath
- Run React Project On The Phone:
- 配置Android Envir:
- 因为是第一次运行,所以这里会涉及到下载东西,我们为了提高效率而设置了proxy,我推荐使用:
- 该设置的都设置完了,我们进入到项目的根目录下,打开cmd,输入指令:
react-native run-android --debug
,静候佳音吧!
- 配置Android Envir:
下面我贴出,安装完成之后会出现failed to load js bundle 错误的结局方案:http://stackoverflow.com/questions/32572399/react-native-android-failed-to-load-js-bundle