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

您所在的位置:网站首页 cnc仿真模拟软件和真机相差多少钱 ReactNative如何在真机/模拟器上运行(Android)

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

2024-07-15 06:15| 来源: 网络整理| 查看: 265

真机运行

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

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

4.开启USB调试和USB安装

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

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

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

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

6. 运行应用

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

yarn react-native run-android

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

npm run android

7.安装应用

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

如果未能及时安装,控制台就会报错安装app失败: 在这里插入图片描述

模拟器运行

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

2. 打开夜神模拟器

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

3. 运行如下命令连接

adb connect 127.0.0.1:62001

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

4. 运行应用

yarn react-native run-android

或者

npm run android 调试

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

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

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

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

Enable Hot Reloading:启动热加载

Dev Settings:更多调试设置



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3