react native

21天开源鸿蒙训练营|Day2 ReactNative 开发 OpenHarmony 应用环境搭建实录本文正在参与由 GitCode 组织的 21天开源鸿蒙训练营｜开源鸿蒙跨平台开发先锋训练营本文已默认您会通过 AI 辅助安装和配置 NodeJS、DevEcho Studio、React Native 环境等等，如过程中有遇到问题，欢迎随时问 AI 或者联系博主。

React Native热更新方案目前RN热更新主流就两条路：微软的CodePush和国内流行的Pushy。先说CodePush，微软出品，生态成熟，和VS Code无缝集成。用起来简单，安装cli后几行命令就能创建应用，客户端集成组件，更新逻辑人家都封装好了。但缺点也很明显——服务器在海外，国内网络环境下速度堪忧，特别是首次加载和更新下载，用户网络不好时容易白屏。另外自定义能力弱，想改点东西很麻烦。

React Native组件封装先来说说什么是组件封装。简单讲，它就像把一段功能或UI打包成独立积木，哪里需要用就直接插上去。在React Native里，这不仅能减少重复代码，还能让团队协作更顺畅。比如，一个带图标和文字的按钮，如果每次都要重写样式和事件处理，很容易出错。但封装成后，只需传个标题和点击函数，立马搞定。封装的核心思想是“高内聚，低耦合”——让组件自己管好自己，同时通过属性（Props）灵活适配不同场景。

React Native开发最近在撸一个跨端项目，技术选型阶段团队吵得不可开交。有说Flutter香的，有坚持原生开发的，最后老大拍板用了React Native。实话说，刚开始心里直打鼓，毕竟这玩意儿之前没深度折腾过。但折腾两周后真香了——热更新秒开调试，三端代码复用率直接飙到85%，产品经理看到演示效果当场给开发组点了奶茶。今天得空整理了些干货，给正准备入坑的兄弟避避雷。

React Native真机调试连接不上的解决先说说最基础的检查项。数据线一定要用原装的，这点特别重要。很多开发者随便找根充电线就往上插，结果传输数据不稳定。还有开发者选项里的USB调试必须打开，这个虽然老生常谈，但确实有人会忘记。另外建议把USB调试（安全设置）也开启，允许通过USB安装应用。

React Native 通信机制详解 - 新架构本篇是 React Native 通信机制详解的第二篇文章，主要介绍 React Native 新架构下的通信机制。如果想要了解旧架构下的通信机制，可以参考上一篇文章。

React Native 通信机制详解 - 旧架构在前文中，我们介绍了 React Native 的新旧两种架构，并在文章末尾介绍了如何在这两种架构中注册和实现一个原生模块。由于篇幅限制，我们并未对其底层原理进行深入介绍。接下来，我们将聚焦于此，深入探讨 React Native 新旧架构下原生模块和 JavaScript 调用的底层实现。

React Native性能分析先来说说渲染性能。React Native的核心是Virtual DOM和Diff算法，但JavaScript线程和原生UI线程的通信成本高，容易造成丢帧。比如，长列表用ScrollView直接渲染几百个item，绝对会卡成幻灯片。这时候，得换成FlatList或SectionList，它们内置了视图回收机制，只渲染可见区域的内容。另外，组件的shouldComponentUpdate或React.memo用好了能大幅减少不必要的重渲染。记得有一次，我优化一个聊天界面，通过深度比较props，避免了消息列

不羁的木木

【开源鸿蒙跨平台开发学习笔记】Day02：React Native 开发 HarmonyOS-环境搭建篇(填坑记录)上一篇《React Native 开发 HarmonyOS-环境搭建篇》中我有说到一些注意的点和容易报错的地方，但是还有有一些不太详细，这篇我再详细的说一下我遇到的一些坑和作为初学者有哪些容易混淆的地方当做自己记录和复盘也分享给大家防止大家在我掉坑的地方继续踩坑，O(∩_∩)O哈哈~

React Native 集成 TRTC实时音视频实战指南基于真实代码整理。文中涉及的 sdkAppId、userSig_*、roomId 等敏感参数均已脱敏，请务必在配置文件中使用真实的安全值后再发布。

除了 Expo，确实还有其他免费的 React Native 应用构建服务除了 Expo，确实还有其他免费的 React Native 应用构建服务：1. Microsoft App Center

程序员老刘

跨平台开发地图：客户端技术选型指南 | 2025年11月 |（Valdi 加入战场）哈喽，我是老刘2024年全球移动应用下载量突破2570亿次，但开发者面对的现实是：平台越来越多、成本翻倍、体验难统一。iOS/Android/鸿蒙/桌面端/Web/小程序，各有一套开发与设计规范，原生很难在多设备上做到一致。

努力往上爬de蜗牛

react native token失效刷新机制按上面的写了发现没获取到数据(上面已经是正确的代码）最后调试发现是：最开始代码写的是 return retryResponse.data

开发了几个app后，我在React Native用到的几个库的推荐此前尝试过 StyleSheet 原生写法与 styled-components 方案，均觉得语法冗余、编写繁琐。而采用 nativewind 实现类 Tailwind CSS 的 className 样式编写方式，再配合 clsx 与 tailwind-merge 封装的 cn 函数，处理不同状态下的样式切换时，体验极为便捷高效 —— 无需冗余嵌套，就能灵活组合样式，大幅简化了样式开发流程。

webRTC IPC客户端React Native版编程指南yangipcclient新增react native版本sdk和demo，可同时适配移动端android/ios，为提升rtc性能，视图采用最底层的Surface/UIView，所有rtc处理都用C++/Object C实现，开发者只需要使用javascript二次开发即可。

鸿蒙NEXT（五）：鸿蒙版React Native架构浅析如图，React Native for OpenHarmony 在 React Native 的新架构（0.68以及之后的版本）的基础上，进行了鸿蒙化的适配。按照功能可以进行如下的划分：

努力往上爬de蜗牛

react native 实现选择图片或者拍照上传（多张）第一步：第二步：配置权限--安卓在 android/app/src/main/AndroidManifest.xml 中添加权限：

React Native 自定义字体导致 Text / TextInput 文本垂直不居中的终极解决方案适用 ✔ React Native（0.71+） ✔ Expo（所有版本） ✔ iOS + Android ✔ 自定义字体（TTF / OTF）

从零构建 React Native 导航体系-React NavigationReact Navigation v7 在架构和性能上都有显著优化：这两个库是性能优化的关键，必须安装：

从零实现 React Native（1）: 桥通信的原理与实现开始之前，为啥有这篇文章呢，这是一个自问自答的问题。我的职业生涯几乎一直在和 React Native(RN) 打交道。故事开始于读研期间，我做为前端开发和教研室两个后端师兄一起为导师做一个 C 端的项目，受到 React 的生态和 RN 的 Slogn 「write once run anywhere」的感召，我使用了基于 Expo 的 RN 技术栈来完成了 App 项目的开发与上线。