运行前的准备
新建模拟器
如果是用android studio,通过以下帖子创建模拟器
http://www.malaoshi.top/show_1C75ChOKTBN.html下载配置gradle
在运行react native时需要用到gradle,gradle是集成ant、maven得打包工具,由于墙得原因,需要提前下载,否则在运行时会一直卡在下载gradle。
那么下载哪个版本,以及下载后放在哪里呢?
gradle默认安装路径在C:\Users\mym.gradle\wrapper\dists\下,里面有文件夹,打开看看,哪个文件夹得里面有未下载完得gradle,就说明已经被墙住了,需要提前下载,并放到此处,我的地址是:C:\Users\mym.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv
开始运行
- 启动android模拟器
进入android sdk目录下的emulator文件夹,执行以下命令
查看已经存在的模拟器
我的显示结果如下emulator -list-avds
运行模拟器的命令格式:Nexus_5X_API_25
执行命令为:emulator -avd 模拟器名 -gpu on /* 参数解释 -gpu mode 设置gpu模式,on或者off。 在我的笔记本上加上 -gpu on后,运行模拟器时cpu使用率不高,如果使用-gpu off时,cpu使用率特别高 */emulator -avd Nexus_5X_API_25 -gpu on - 运行react native项目
进入react native项目的根目录,执行以下命令
首次运行需要等待一段时间,下载一些需要的文件。react-native run-android
执行到这里基本已经成功了,期间会弹出标题是node的命令窗口,是packager server,可以理解为是一个http服务器,端口号是8081。向运行在模拟器的react native应用提供一些资源。
注意:此窗口不能关闭,否则模拟器显示红色窗口提示:could not connect to the development server
最后在模拟器就能看到运行的界面
重新加载js文件
启动react native应用后,在首页上有提示信息,双击r键,重新加载