React Native项目真机调试修改RN代码真机同步修改

最新推荐文章于 2024-05-14 09:31:57 发布
最新推荐文章于 2024-05-14 09:31:57 发布
阅读量895 收藏 3
点赞数 1
分类专栏： React Native 文章标签： React Native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45077505/article/details/101622247
版权

步骤：
手机摇一摇出现界面选择setting：
选择第二项打开之后可以在代码中console.log()
第三个是时时更新的 ，修改完代码之后就能同步刷新页面
最后一个设置真机同步修改

首页：
在这里插入图片描述
手机摇一摇出现这个界面选择setting：
在这里插入图片描述
点击以下页面圈中的项：
在这里插入图片描述
在下面出现的页面里面填上你开发环境的IP地址+端口号就可以了
在这里插入图片描述

木木゛
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native环境安装 、并启用真机调试(2)
2401_84149368的博客
05-06 798
由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！在FileWatcher文件夹下，点击index.js找到如下图所示[外链图片转存中…(img-f2TCOUfl-1714954595509)]69.png。
React Native Debugger reactnative可视化调试工具
03-16
对于React Native项目，React Native Debugger提供了原生模块的调试支持。这包括对Android和iOS平台上的原生代码进行调试，使得开发者可以在同一环境中解决跨平台问题。同时，它还显示网络请求，便于追踪数据流和API...
React Native 真机断点调试+跨域资源加载出错问题的解决方法
08-28
下面小编就为大家分享一篇React Native 真机断点调试+跨域资源加载出错问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
react native 第二次运行到真机上 / 修改了刷新
afufufufu的博客
08-16 447
react native 第二次运行到真机上 / 修改了刷新
react native 真机调试刷新代码红屏问题
kalinux的博客
02-23 1047
1，在自己新建的项目文件夹初始化项目：react-native init newproject1 2，创建完毕打开js服务器：react-native start 3，打开网页查看服务器是否开启成功：发现网页报错 “cannot find out index.android.js"， 就是找不到 index.android.js这个文件，后经过查询，发现是react-native从0...
《React Native移动开发实战》一一1.5 小试牛刀——更改React Native项目源码
weixin_34099526的博客
08-02 119
1.5 小试牛刀——更改React Native项目源码　　应用虽然已经运行起来了，但是到现在还没有看到或修改任何代码，读者是不是觉得意犹未尽呢？下面就来看看React Native项目的源码吧。　　打开index.ios.js文件，可以看到与显示在设备上内容直接相关的代码： 01 export default class ch02 extend...
RN iOS 真机器调试
圣人男的博客
06-14 2859
1.产看mac 电脑的IP地址 （测试机网络要一致）2.更改 RCTInspectorDevServerHelper.mm  if (!host) {    //host = @"localhost";    host = @"192.168.8.169";  }3.采用Xcode 运行 cli ...
vscode reacntive运行安卓真机
iorn_mangg的博客
08-14 515
前提步骤已经创建好reactnative项目 然后参考： https://blog.csdn.net/qq_40259641/article/details/100115329 记录我遇到的坑： 运行报错 [Error] 未能在 Android 中运行应用程序 (error code 104): 执行命令 react-native.cmd run-android --no-packager 时出错 就是vscode没找到运行的设备，按上面链接步骤操作就可以。 ...
VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题
08-19
VS Code 开发 React-Native 及 Flutter 无线局域网安卓真机调试问题解决方案 在本篇文章中，我们将介绍如何使用 VS Code 开发 React-Native 及 Flutter，并开启无线局域网安卓真机调试。这篇文章将详细介绍 Flutter...
rn-debug-log:React-native的调试日志
04-29
:check_mark: 支持浏览器，节点，react，react-native调试控制台，文件的记录器 ✕自定义记录器中间件 :check_mark: 在浏览器控制台，tty，文件和节点，react或react-native调试控制台中更正行号 :check_mark: 每...
react-natvie vscode真机调试[Android]
可乐会唱歌的博客
12-06 5155
前言 用vscode开发react-native第一次搭建遇到的问题和处理. 1.环境变量 因为Android Studio自带sdk的原因, 之前用Android Studio开发的时候并不会特地去配置sdk的环境变量, 但是react-native调试过程会用到, 所以需要配置环境变量. macOS Android SDK 默认位置 /Users/用户名/Library/Android/sdk...
rn 真机测试 android,RN-iOS打包真机测试
weixin_35852816的博客
05-26 249
网上也有不少教程，我这里只是自己做个记录，此处不行再去网上找寻第一步，终端cd到项目目录，执行命令react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle9EDC...
rn 真机测试 android,window RN 安卓真机调试记录
weixin_29415429的博客
05-26 261
在虚拟机中运行老觉得缺点什么，这次准备试试真机调试。本以为会很顺利，结果碰一鼻子灰。按照文档的说法：结果在手机中运行后报这个错：怎么搞都没用。折腾了2天多！终于找出办法。1，设置好 usb调试之后，先开一个 cmd 运行：adb devices2，查到 设备之后再开一个cmd：运行 adb reverse tcp:8081 tcp:80813，执行上一步成功之后 继续开cmd 在此运行:reac...
【react native】使用iOS模拟器运行
坚强的泡沫的博客
03-31 1314
【react native】使用iOS模拟器运行
ReactNative系列之二十六JS代码同步调用JAVA方法
yeputi_WK的博客
07-30 1753
在安卓平台上，通常我们使用继承“ReactContextBaseJavaModule.java”，并通过注解方式“@ReactMethod”，添加至packages。然后注册到至JS-C++-Java的通信消息队列中。 大部分情况下，由于RN的页面渲染和通信机制，RN推荐我们使用异步进行通信。 然，如果我们固执的想用同步方式。这里给出解决办法： 1.原生的方法中增加括号内的注解部分 @Re...
RN：真机调试&无线调试
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
08-26 2468
IOS 1、数据线连接手机和电脑 2、用 Xcode 打开 ios 文件夹 3、从 Xcode 菜单栏打开Product --> Destination。从列表中查找并选择你的手机设备。Xcode 将注册为开发设备。 4、这里添加完你的账号，自动关联了你所在的 Team，这里前提是你的账号已经存在于你的Team里了，如果没有的话，让你公司的主账号给你加一下，具体在 这个文章 里面的身份管理有提到。 5、可以看到已经选择了 Team，Tests这里也要改一下 6、点击 run，报错了 A buil
React Native环境安装 、并启用真机调试
闫瑞锋的博客
04-23 3069
准备工作 下载必备软件 软件列表 Python 地址：https://www.python.org/downloads/ Node.js 地址：https://nodejs.org/en/（下载LTS版本） Java Development Kit（JDK） 地址：http://www.oracle.com/technetwork/java...
IOS开发之——homebrew长时间停在Updating Homebrew(1)
最新发布
2401_84123213的博客
05-14 267
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
ReactNative调试时，更改代码后无效的问题
weixin_52143507的博客
06-09 828
使用RN时，经常会出现调试模式下，修改js代码，然后依然运行旧代码的问题。这个时候禁用调试窗口的cache即可。 具体就在NetWork里，勾选Disable
React Native实战：构建两项目及一款游戏的完整指南
6. **调试与测试**：介绍如何使用React Native Debugger工具、模拟器和真实设备测试，确保应用在不同平台上的一致性。 7. **最佳实践与进阶主题**：可能涵盖模块化、代码复用、错误处理、版本控制、发布流程等内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值