ReactNative如何在真机/模拟器上运行(Android)

真机运行

1.用 usb 数据线连接到电脑

2.打开开发者模式(不同机型打开方式不一样,可自行百度)

打开开发者模式.png

4.开启USB调试和USB安装

USB调试和USB安装.jpg

5. 通过 USB 数据线连接设备,通过adb devices命令可以查看是否连接成功

出现下图说明设备连接成功


设备连接成功.png

隔一段时间后再连接手机调试,这个时候手机可能会询问是否开启USB,点击确定即可;

确定开启USB调试.png

否则可能会出现设备未授权的情况:


设备未授权.png

6. 运行应用

使用下面的命令在真机运行RN项目

   yarn react-native run-android

每次运行应用时都要输入这么长一段,我们可以配置一下,使用简单语句运行;在package.json文件中加入下面的语句,然后运行npm run android就可以了。


配置运行语句.png
    npm run android

7.安装应用

运行完后,手机会弹出下面的提示框,提醒是否运行安装应用,点击继续安装:


确定允许安装.jpg

如果未能及时安装,控制台就会报错安装app失败:


安装未授权报错.png

模拟器运行

1. 下载安装夜神模拟器,下载地址:https://www.yeshen.com/

2. 打开夜神模拟器

模拟器一开始是横屏的,我们可以点击旋转屏幕设置为竖屏的;

旋转屏幕.png

3. 运行如下命令连接

   adb connect 127.0.0.1:62001

出现connected to 127.0.0.1:62001表示连接成功

模拟器连接成功.png

4. 运行应用

   yarn react-native run-android

或者

    npm run android

调试

真机通过摇晃设备调试;模拟器通过点击右方的摇一摇,会出现RN的调试菜单,点击相应选项进行调试。

reload: 修改代码后可重新加载;

Debug JS Remotely: 在浏览器上进行调试;

Enabele Live Reload:实时重载,修改保存后自动更新模拟器画面;

Enable Hot Reloading:启动热加载

Dev Settings:更多调试设置

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容