使用第三方模拟器运行react native项目

前言:没有安卓手机又要开发安卓项目,官方模拟器体验太差,于是乎我将眼光瞄向了夜神模拟器和雷电模拟器.

这两款模拟器经过一番折腾,react native的项目都能成功运行,经对比发现,雷电模拟器的操作体验差于夜神模拟器,但是夜神模拟器的前期配置略比雷电模拟器复杂.大家根据自己的喜好进行选择吧.接下来仔细说说如何在这两款模拟器上运行react native项目.

1.安装模拟器

两款模拟器都可以使用搜索引擎找到官网,自行下载安装,安装过程一路确定即可.如果需要更换安装目录自行操作.

2.模拟器配置:雷电模拟器打开adb调试

运行模拟器,在设置-基本设置-adb调试里开启本地链接.

3.模拟器配置:打开开发者模式,打开USB调试

两款模拟器都需要进行这步操作

打开模拟器,打开设置-关于平板-连续点击5次版本号-开发者选项-打开USB调试

4.雷电模拟器连接设备

运行模拟器,在雷电模拟器的安装目录下,能看到adb.exe文件.打开cmd窗口,运行`adb.exe devices`

出现下图ip地址和端口号那行字样,代表连接成功


5.模拟器配置:夜神模拟器adb版本号检查

首先进入android-sdk的platform-tools目录下,具体目录在哪可以打开Android Studio查看,File->Project Structure->SDK location,实在找不到就到搜索引擎里查询.

在该目录下打开cmd窗口,运行`adb.exe devices`

出现下图


再到夜神安装目录下,运行`nox_adb.exe version`

出现下图


对比查看两个version是否一样,若一样恭喜你不用再做处理,若不一样,使用Android studio下的adb.exe替换夜神目录下nox_adb.exe,注意替换的时候,名字要改成nox_abd.exe,原夜神目录下的旧文件做个备份.能看懂这步吧.

总结就是夜神的adb要与Android Studio的版本号一致,不一致要做替换,替换要保持夜神的adb文件名不变.

6.夜神模拟器连接设备

运行夜神模拟器

在react native项目中输入`adb devices`

出现下图ip地址和端口号那行字样,代表连接成功


如果没有显示最后一行的文字,代表没有连接到设备.

该怎么办呢?你可以等个两分钟再试一遍命令,或者手动进入android-sdk的platform-tools目录下,打开cmd窗口,运行`adb.exe connect 127.0.0.1:62001`

7.运行项目

根据react native官网的步骤去运行项目吧.

简单来说就是直接在react native项目目录下,打开cmd窗口,运行`yarn android`或者使用其他的命令.运行项目可以不用打开Android Studio

8.热更新

在夜神模拟器里项目跑起来以后,进行下图操作


未打开热更新显示enable fast refresh

打开之后显示disable fast refresh

打开以后,代码有点更改,App都会刷新.

雷电模拟器体验太差了,热更新的图没截,需要可自行搜索引擎查询

9.结束语

两款模拟器配置好了,后期运行项目的步骤就是打开模拟器,在项目下运行命令.

你可能感兴趣的:(使用第三方模拟器运行react native项目)