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

最新推荐文章于 2025-03-05 21:03:50 发布

weixin_34245749

最新推荐文章于 2025-03-05 21:03:50 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 python

原文链接：https://my.oschina.net/bv10000/blog/872811

本文介绍了如何使用Android Studio解决Android应用调试过程中遇到的问题，包括如何正确打开项目并运行到手机设备上，设置悬浮窗功能，配置Debug server的主机IP及端口等关键步骤。

2019独角兽企业重金招聘Python工程师标准>>>

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

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

这里写图片描述

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

这里写图片描述

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

这里写图片描述

转载于:https://my.oschina.net/bv10000/blog/872811

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34245749

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

React-Native环境搭建：Android真机调试（小米手机miui10系统）

wudith的专栏

01-21

1360

主要参考官网的步骤来进行安装，但官网介绍的和最新版本的RN还是有一些差异，总结了一些自己的心得体会。

native 真机测试react_react-native真机调试出现Failed to install all

weixin_39850981的博客

12-18

213

使用的魅蓝note手机进行调试，没有想到就出现这个问题了。错误信息：Installing APK 'app-debug.apk' on 'm1 note - 5.1' for app:debugUnable to install H:\ReactN\one\android\app\build\outputs\apk\app-debug.apkcom.android.ddmlib.InstallEx...

参与评论您还未登录，请先登录后发表或查看评论

React Native环境安装、并启用真机调试

闫瑞锋的博客

04-23

3252

准备工作下载必备软件软件列表 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

374

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真机调试

热门推荐

猫的阁楼

10-24

1万+

前提：1、use开关打开 2、运行React Native react-native start 或者 react-native run-android真机调试：Android 5.0及以上使用adb reverse命令首先把你的设备通过USB数据线连接到电脑上，并开启USB调试运行：adb reverse tcp:8081 tcp:8081不需要更多配置，你就可以使用Reload JS和其它的开

react-native 真机调试华为5.1Android 系统解决bug

lydfeng的博客

03-15

1585

react-native华为手机 5.1 Android 系统创建一个新的项目 react-native init 项目名真机调试直接运行 react-native run-android出现错误com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException在你的项目下找到 android/...

React-Native项目在Android真机上调试

Azhangyuaner的博客

04-15

773

React-Native项目在Android真机上调试？接下来直奔主题，通过USB将手机和电脑连接，打开手机上的USB调试。不通型号的手机可能设置方式不一样，这里具体不在细说…… 1、确保你的设备已经成功连接。可以终端输入adb devices来查看: $ adb devices List of devices attached "Your device Name" device 注...

react-native-autocomplete-dropdown:具有搜索和自动完成（提前输入）功能的下拉项选择器，用于响应本机

04-08

6. **多平台兼容**：作为React Native组件，"react-native-autocomplete-dropdown"适用于iOS和Android两个主要平台，确保了跨平台一致性。在使用这个库时，你需要按照以下步骤进行集成： 1. **安装依赖**：通过...

React Native 真机调试

weixin_33969116的博客

10-10

200

2019独角兽企业重金招聘Python工程师标准>>> ...

react native 真机调试

【持续做一件事,必定有所成就！抛弃世俗之浮躁,留我钻研之刻苦!】

01-04

517

USB连接手机，打开开发者模式，在开发人员选项中打开USB调试，然后执行命令，检查你的设备是否能正确连接到 ADB 输入 adb devices; 无法识别设备：解决方法：1. 手机设备授权：允许USB调试；2.重启adbadb kill-server adb start-server 输入 react-native run-android 安装； 2、在设备上运行你的React Nativ...

【React-Native】windows环境下Android真机调试指南

公西雒的技术站

08-20

4605

【react native】adb真机调试

坚强的泡沫的博客

03-19

609

安装完成后，关闭并重启终端，adb环境即可生效。

react-native如何真机调试

眼睛微微笑的博客

12-05

693

1、手机通过usb连接电脑，打开usb调试. 2、用命令行adb devices查看是否连接成功 3、保证手机和电脑在同一个网络。 4、运行 react-native run-android

React Native环境安装、并启用真机调试(1)

2401_84132544的博客

04-18

437

总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。

React-native-ios真机调试步骤

双手成就你的梦想

08-29

3846

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

2315

一、准备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 安卓端真机测试，链接后端

ZQL815的博客

03-05

1105

首先当我们想要安卓端通过真机测试首先需要安装abs。

手把手教你react-native与真机链接起服务

MaShiChao161的博客

02-14

5429

在react-native中按照流程走一遍官网的文档需要下载Android studio 上面会有模拟器用不了的可以用手机调试搭建开发环境 · React Native 中文网点击进去首先你需要一个真机用数据线链接电脑，打开USB调试模式，打开开发这模式在文件夹中找到项目目录点击搜索框输出 cmd 回车输入adb devices 你会发现出现一串号码然后讲刚刚输出的好吗赋值到adb -s 号码reverse tcp:8081 tcp:8081 等他执...

react-native真机调试

最新发布

03-21

### React Native 真机调试方法及配置教程 #### 一、准备工作在进行React Native真机调试之前，需确保开发环境已正确设置并能够正常运行项目。如果尚未完成环境搭建，可以参考相关文档[^3]。 #### 二、启动开发服务器为了使应用程序能够在真实设备上加载最新代码更改，需要启动React Native的开发服务器。可以通过以下命令实现： ```bash react-native start ``` 或者直接运行Android项目的同时启动服务： ```bash react-native run-android ``` 这一步骤对于实时更新非常重要[^1]。 #### 三、连接物理设备至电脑通过USB线缆将目标测试的真实设备（如安卓手机或iPhone）连接到计算机，并确认设备已被识别。对于Android设备，可能还需要启用开发者模式和USB调试选项；而对于iOS，则通常涉及Xcode中的签名过程[^5]。 #### 四、开启远程调试功能当应用部署到实际硬件后，在某些情况下可通过特定手势唤起菜单来访问更多调试特性。例如，摇晃Android设备会弹出一个对话框允许选择“Debug JS Remotely”，之后默认浏览器应跳转至`http://localhost:8081/debugger-ui/`页面用于进一步分析[^4]。另外一种方式是在界面上查找相应按钮触发相同效果——即点击屏幕上显示出来的“Dev Settings”链接再手动挑选上述提及的功能项[^2]。 #### 五、利用高级工具增强体验尽管基本的日志打印能满足初步排查需求，但对于复杂场景下的深入探究而言显然不够充分。此时推荐采用专门设计的产品比如Flipper(适用于较新版本)[^5]或者是跨平台解决方案React-Native-Debugger作为补充手段以便更好地监控状态变化、网络活动等方面的信息。 #### 六、注意事项需要注意的是并非所有的传统Web端技术都能无缝迁移过来服务于移动端框架内的问题解决流程之中。像曾经流行的Chrome扩展形式如今不再兼容当前生态体系结构之下新的工作流安排方案。因此务必按照最新的指导方针来进行各项调整优化操作以获得最佳实践成果展示机会！ --- ### 示例代码片段以下是初始化一个新的TypeScript模板项目的例子： ```bash npx react-native init AwesomeTSProject --template react-native-template-typescript ``` 此脚本创建了一个基于Typescript的语言支持的新工程目录结构供后续开发使用。 ---