ReactNative模拟器运行-android篇

运行前的准备

  1. 新建模拟器
    如果是用android studio,通过以下帖子创建模拟器
    http://www.malaoshi.top/show_1C75ChOKTBN.html

  2. 下载配置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

开始运行

  1. 启动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
    
  2. 运行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键,重新加载


原文出处:/show_1C75g2jU3v7.html