react native

React Native 如何打包正式apk在 React Native（RN）中打包正式版（Release）应用，Windows 和 Android 的流程是不同的。下面分别介绍如何为 Android 和 Windows 平台构建正式版应用。

前端如何虚拟列表优化？一、为什么要用虚拟列表？当列表数据很多时（如 1w+）：DOM 数量过多 → 重排 / 重绘严重滚动卡顿

千里马-horse

Rect Native bridging 源码分析--Bool.h代码目录：源码：该头文件隶属于 facebook::react 命名空间，是 React Native JSI（JavaScript Interface）桥接体系的一部分，专门提供 C++ bool 类型与 JSI 布尔类型之间的双向桥接实现。它通过 Bridging 模板特化，为布尔类型提供轻量、高效的跨语言数据转换能力，支撑 C++ 层与 JS 层之间的布尔值传递。

千里马-horse

Rect Native bridging 源码分析--Dynamic.h源码目录：源码：该头文件隶属于 facebook::react 命名空间，是 React Native JSI（JavaScript Interface）桥接体系的重要组成部分，专门提供 C++ folly::dynamic 类型与 JSI 核心类型（jsi::Value）之间的双向桥接能力。folly::dynamic 是 Folly 库提供的动态类型（类似 JSON 数据结构，支持动态键值对、数组等），该桥接实现打通了 C++ 动态类型与 JS 动态类型的交互通道，支撑 React Native 中

千里马-horse

Rect Native bridging 源码分析--Array.hArray.h 代码目录：代码如下：该头文件属于 facebook::react 命名空间，提供了 C++ 标准集合类型与 JavaScript (JSI, JavaScript Interface) 数组（jsi::Array）之间的双向桥接能力。核心功能是实现 C++ 集合与 JS 数组的相互转换（toJs 转 JS、fromJs 转 C++），支撑 React Native 等跨端框架中 C++ 层与 JS 层的数据通信。

千里马-horse

React Native 源码分析 -- jsi.h这份代码是 Facebook JSI (JavaScript Interface) 的核心头文件实现，JSI 是一套跨 JavaScript 运行时（Hermes、V8、JSC 等）的通用 C++ 抽象层，核心目标是实现 C++ 与 JavaScript 的高效、低侵入性双向交互，替代传统的桥接模式（如 React Native 旧版桥接），大幅降低交互开销。以下从代码架构、核心模块、设计思想三个维度进行详细拆解。

千里马-horse

Rect Native bridging 源码分析--Class.h代码目录：源代码：该头文件隶属于 facebook::react::bridging 命名空间，提供了两大核心功能：一是 callFromJs 模板函数，用于从 JavaScript（JSI）层安全调用 C++ 类成员方法，自动完成参数类型转换（JS→C++）与返回值类型转换（C++→JS）；二是 getParameterCount 模板函数，用于在编译期获取普通函数 / 类成员函数的参数个数。该工具是 React Native 跨端框架中 JS 层与 C++ 层方法交互的核心支撑，保证了跨语言方法调用的

React Native 横向滚动指示器组件库（淘宝｜京东...&旧版｜新版）在 React Native 开发中，横向滚动是常见需求，但原生 ScrollView 的滚动条样式有限。本文介绍一个带自定义滚动指示器的组件库：@zhenryx/react-native-indicator-scrollview，提供两种组件，提升滚动体验。组件参考为淘宝京东等app金刚区旧版和新版滚动实现。

【问题解决】react native: cli.init is not a function在创建React Native 项目是，出现了报错cli.init is not a function

FlipperKit报错来源于：

React Native 2025 年度回顾：架构、性能与生态的全面升级2025 年 React Native 正式进入新架构全面推进、React 底层同步升级与 API 稳定升级阶段。

墨狂之逸才

React Native 中 Toast 被 react-native-modal 遮挡的解决方案在 React Native 项目中，使用 react-native-modal 弹出 Modal 后，调用 @ant-design/react-native 的 Toast 提示信息，发现 Toast 被 Modal 遮挡，无论怎么调整 zIndex 都不生效。

【跨端技术】React Native学习记录一官方文档资料1 资料2函数式组件和 Class 组件是 React 中定义组件的两种主要方式，它们在语法、功能和使用场景上有一些区别。

基于React Native 0.83.1 新架构下的拆包方案React Native 0.83.1 新架构（New Architecture）下的拆包方案随着 React Native 进入 0.80+ 时代，新架构（Fabric & TurboModules）已成为主流。传统的基于 ReactInstanceManager 和 Bridge 的拆包方式已逐步过时。本文将介绍在 RN 0.83.1 版本下，如何利用 ReactHost、JSI 和 Hermes Runtime 实现高性能的模块化拆包与动态加载。

全栈前端老曹

【ReactNative】页面跳转与参数传递 - navigate、push 方法详解👋 大家好，我是老曹。在本节课中，我们将深入探讨 React Navigation中的页面跳转与参数传递机制。通过本节课的学习，你将掌握如何使用 navigate 和 push方法实现页面跳转，如何传递参数给下一个页面，以及如何处理路由返回和重定向。

基于React Native 0.83.1 新架构下的拆包方案React Native 0.83.1 新架构（New Architecture）下的拆包方案随着 React Native 进入 0.80+ 时代，新架构（Fabric & TurboModules）已成为主流。传统的基于 ReactInstanceManager 和 Bridge 的拆包方式已逐步过时。本文将介绍在 RN 0.83.1 版本下，如何利用 ReactHost、JSI 和 Hermes Runtime 实现高性能的模块化拆包与动态加载。

React Native跨平台技术在开源鸿蒙中查找最长回文子串的算法，使用中心扩展法（Center Expansion Algorithm）来实现这个功能在React Native中开发一个组件来查找最长回文子串，你可以遵循以下步骤。这个过程涉及到编写一个React Native组件，并在其中实现最长回文子串的算法。这里，我们将使用中心扩展法（Center Expansion Algorithm）来实现这个功能。

React Native 混淆在真项目中的方式，当 JS 和原生同时暴露在 iOS 项目里，只要引入了 React Native，安全讨论就会自然变得复杂。一部分逻辑在 JS 里，一部分在原生层，最终又被打包进同一个 IPA。很多团队一开始会下意识地把“混淆”理解成 JS 侧的问题，但在真正经历过一次逆向或资源替换之后，往往会意识到：React Native 的安全问题，很少只存在于某一层。

React Native跨平台技术在开源鸿蒙中使用WebView来加载鸿蒙应用的网页版或通过一个WebView桥接本地代码与鸿蒙应用在React Native中开发鸿组件（这里指的是鸿蒙（HarmonyOS）组件），你需要了解鸿蒙开发的基础以及如何在React Native项目中集成鸿蒙应用。鸿蒙OS是由华为开发的一个分布式操作系统，主要用于其智能设备，如手机、平板、智能手表等。

React Native跨平台技术在开源鸿蒙中使用内置的`fetch` API或者第三方库如`axHarmony`来处理网络通信HTTP请求在React Native中开发鸿组件（通常指的是鸿蒙操作系统上的应用，但考虑到你可能指的是一般的网络通信或HTTP客户端开发），你可以使用内置的fetch API或者第三方库如axHarmony来处理HTTP请求。下面我将分别介绍如何使用fetch和axHarmony来实现网络通信。