React-Native真机调试（Android，Windows）

最新推荐文章于 2024-01-21 21:52:01 发布
最新推荐文章于 2024-01-21 21:52:01 发布
阅读量4.1k 收藏
点赞数
文章标签： 真机调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014360817/article/details/52351730
版权

1首先将项目通过AndroidStudio打开,运行到手机上，因为通过webstorm运行老是报错

2其次通过设置打开安装应用设置将悬浮窗打开如下图：

这里写图片描述

3然后轻轻摇晃手机弹出菜单选择Dev Settings之后点击Debug server host & prot for device配置自己路由器ip地址和端口号如下图：

这里写图片描述这里写图片描述

4最后重新打开应用即可看效果

这里写图片描述

_RTFSC_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题
08-19
VS Code 开发 React-Native 及 Flutter 无线局域网安卓真机调试问题解决方案 在本篇文章中，我们将介绍如何使用 VS Code 开发 React-Native 及 Flutter，并开启无线局域网安卓真机调试。这篇文章将详细介绍 Flutter...
react-native-autocomplete-dropdown:具有搜索和自动完成（提前输入）功能的下拉项选择器，用于响应本机
04-08
6. **多平台兼容**：作为React Native组件，"react-native-autocomplete-dropdown"适用于iOS和Android两个主要平台，确保了跨平台一致性。 在使用这个库时，你需要按照以下步骤进行集成： 1. **安装依赖**：通过...
React Native环境安装 、并启用真机调试
闫瑞锋的博客
04-23 3075
准备工作 下载必备软件 软件列表 Python 地址：https://www.python.org/downloads/ Node.js 地址：https://nodejs.org/en/（下载LTS版本） Java Development Kit（JDK） 地址：http://www.oracle.com/technetwork/java...
React Native真机调试
04-28 280
Step1：运行CMD命令行 Step2：CD到项目目录 Step3：查看已连接的设备信息：adb devices Step4：设置反向代理端口 adb reverse tcp:8081 tcp:8081 Step5：运行项目，react-native run-android （注意，如果有多个路径先清除一下缓存：react-native start --reset-cache ...
React Native 真机调试
weixin_33969116的博客
10-10 150
2019独角兽企业重金招聘Python工程师标准>>> ...
react native 真机调试
【持续做一件事,必定有所成就！抛弃世俗之浮躁,留我钻研之刻苦!】
01-04 421
USB连接手机，打开开发者模式，在开发人员选项中打开USB调试，然后 执行命令，检查你的设备是否能正确连接到 ADB 输入 adb devices; 无法识别设备：解决方法：1. 手机设备授权：允许USB调试；2.重启adbadb kill-server adb start-server 输入 react-native run-android 安装 ； 2、在设备上运行你的React Nativ...
【react native】adb真机调试
坚强的泡沫的博客
03-19 436
安装完成后，关闭并重启终端，adb环境即可生效。
react-native-eu-2020-ticket-NWQO-1_react-native_
10-01
开发者需要安装这些工具，并配置好Android Studio或Xcode来支持Android和iOS的模拟器或真机调试。同时，"react-native init"命令用于初始化一个新的React Native项目，生成基础的项目结构。 在React Native中，...
RN063:演示 react-native-navigation-hybrid 如何和 react-native 0.63 集成
04-13
8. **调试与测试**：使用`react-native run-android`或`react-native run-ios`命令启动应用，进行真机或模拟器测试，确保导航功能正常。 总的来说，`react-native-navigation-hybrid`为React Native应用提供了高效...
VS Code开发React-Native，Flutter 开启无线局域网安卓真机调试
01-03
VS Code开发React-Native，Flutter 开启无线局域网安卓真机调试 Created by @一个前端er 2020/04/08 前端菜鸟一枚，欢迎各位大佬对本博文批评指正 笔者前段时间在做react-native开发，一直是有线连接安卓真机进行...
React-Native环境搭建：Android真机调试（小米手机miui10系统）
最新发布
wudith的专栏
01-21 914
主要参考官网的步骤来进行安装，但官网介绍的和最新版本的RN还是有一些差异，总结了一些自己的心得体会。
react-native如何真机调试
眼睛微微笑的博客
12-05 585
1、手机通过usb连接电脑，打开usb调试. 2、用命令行adb devices查看是否连接成功 3、保证手机和电脑在同一个网络。 4、运行 react-native run-android
React-native-ios真机调试步骤
双手成就你的梦想
08-29 3758
1.找到主工程目录下IOS文件夹 2.获取mac电脑的ip地址（终端下 ifconfig） 3.修改AppDelegate.m。修改如下: NSURL *jsCodeLocation = [NSURL URLWithString:@"http://192.168.0.130:8081/index.ios.bundle?platform=ios&dev=true"];
Windows下搭建React Native真机测试环境
笨笨个人笔记
04-21 2178
一、准备1、Java SE安装包 2、Android Studio 4、NodeJS 5、Git for Windows软件说明一下： 我们需要Java开发环境，因为我们这里是开发Android应用。 使用Android Studio是为了Android的SDK。注意的是安装完Android Studio后，记得配置Android SDK环境变量ANDROID_HOME。 安装NodeJ
手把手教你react-native真机调试
MaShiChao161的博客
02-14 5158
在react-native中按照流程走一遍官网的文档 需要下载Android studio 上面会有模拟器用不了的可以用手机调试 搭建开发环境 · React Native 中文网点击进去 首先你需要一个真机用数据线链接电脑，打开USB调试模式，打开开发这模式 在文件夹中找到项目目录 点击搜索框输出 cmd 回车 输入adb devices 你会发现出现一串号码 然后 讲刚刚输出的好吗赋值到adb -s 号码reverse tcp:8081 tcp:8081 等他执...
react-native调试
weixin_40466351的博客
10-27 1458
一些老的教程和文章会提到 React 的 Chrome 插件，这一插件目前并不支持 React Native，而且调试本身并不需要这个插件。注意：使用 Chrome 调试目前无法观测到 React Native 中的网络请求，你可以使用功能更强大的第三方的react-native-debugger或是官方的flipper（注意仅能在 0.62 以上版本可用）来观测。如果页面中有debug，会进入debug模式，会方便我们的调试。我用的真机调试，手机摇晃会出现出现的页面，点击debug。
【React-Native】windows环境下Android真机调试指南
公西雒的技术站
08-20 4231
推荐使用IntelliJ IDEA作为react-native项目的IDE，它兼有Android Studio和WebStorm的功能，也就是既支持安卓开发同时也支持web开发（包括react的jsx语法），且调试起来相当方便。   准备工作 下载安卓SDK。 安装配置IDEA。 一个rn项目。 一台安卓手机，需开启USB调试。   真机调试 在项目根目录下shift+右键 -...
React-Native开发：Android真机调试（小米手机miui9系统）
little_blue_ljy的博客
04-01 4528
建议根据官网给的步骤来进行安装，但是我根据官网步骤安装时遇到了一些报错，因此在这里记录下，官网步骤：在设备上运行。 具体步骤： 1、 开启手机USB调试（在设置->更多设置->开发者选项->USB调试），同时打开USB安装（允许通过USB安装应用，否则初始化app时会安装失败，报INSTALL_FAILED_USER_RESTRICTED错误）； 2、 确保你的...
react-native 在运行 react-native run-android 特别慢甚至报错
03-08
对于这个问题，我可以提供一些可能的解决方案。首先，可以尝试使用 ...另外，也可以尝试使用真机进行调试，这样通常会更快。如果还是出现问题，可以检查一下项目中是否存在一些不必要的依赖或者代码，尝试进行优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值