react-native android环境搭建

前端之家收集整理的这篇文章主要介绍了react-native android环境搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.首先下载node工具。提供一个下载地址 http://pan.baidu.com/s/1cGd8Iy,node自带npm,不过版本比较低,需要手动更新npm install npm -g ,也可以下载最新的npm http://pan.baidu.com/s/1o8Eti34

2.通过npm下载yarn和react-native-cli: npm install -g yarn react-native-cli

3.初始化Android studio环境,参考react-native官网 http://reactnative.cn/docs/0.39/getting-started.html

4.初始化项目react-native init initProject,或者在网上下载react-native源码,github中有很多,提供一个亲自测试可行的源码路径 https://github.com/7kfpun/FinanceReactNative,下载后拷贝到本地路径,执行npm install,由于国内限网问题,可以采用如下办法加速:

1.通过config命令
npm config set registry http://registry.cnpmjs.org
npm info underscore
2.命令行指定
npm –registry http://registry.cnpmjs.org info underscore (测试用了该命令可行)
3.编辑 ~/.npmrc 加入下面内容
registry = http://registry.cnpmjs.org

5.编译android代码,烧写到手机上。react-native run-android。该步骤同时会启动js服务,如果js服务关闭,可以执行npm start重新开启。在模拟器上测试可以正常运行,但是手机上会遇到问题,网上说设置手机在同一个网段,测试没有效果,暂时还没有解决办法。(已从一个帖子中找到解决办法,在根目录中输入命令react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res/ )

在linux机器还需要执行命令adb reverse tcp:8081 tcp:8081

猜你在找的React相关文章