只针对Windows平台,全程请使用科学上网
准备
1. 下载Android Studio
React Naitve环境要求:
Node > 8.3
Python必须2.x
JDK必须1.8,不支持1.9及更高版本
2. 初始化项目到本地:
$ react-native init your-project-name
3. 打开Android Studio,File -> Import Settings 导入项目
安装依赖并编译
在工程根目录下运行命令来安装所需模块:
$ npm install
模块安装成功后,在工程的android目录下编译项目,运行:
$ ./gradlew build
(以上过程可能会耗时很久,可以切换到淘宝镜像)
运行
打开Android模拟器,在根目录下运行
react-native run-android
命令启动:
可能会遇到的问题
若启动后模拟器出现 Unable to load script from assets index.android.bundle on windows的错误,可访问这里解决
若模拟器reload时报错:
要知道当运行react-native run-android命令时都发生了什么?
首先是启动node服务器,该服务器会监听8081这个端口,并且服务器会加载工程下的index.js文件,该文件为工程的入口文件(类似于main函数)。
你也可以在浏览器中访问http://localhost:8081/index.delta?platform=android&dev=true&minify=false
查看是否成功
运行这个命令会将主机IP直接映射到模拟器的IP上,如果发现8081端口被占用,可以通过react-native run-android –port [你想使用的端口号] 启动模拟器,一般是在Dev Setting里设置server host & port 为127.0.0.1:8081
Windows 下在模拟器内按下Ctrl + M打开开发者模式:
点击Dev Settings进入开发者设置界面
找到Debug server host & port for device,设置127.0.0.1:8081
前期环境搭建和配置就写到这里,初学RN和区块链,若有遗漏和不对的地方请指正,后续也会不定期更新。