封面.png

1. React Native 简介

React Native 是由 Meta(原 Facebook) 于 2015 年开源的跨平台移动应用开发框架。它起源于 2013 年 Facebook 内部的一次黑客马拉松——在 Mark Zuckerberg 公开承认"押注 HTML5 是 Facebook 最大的错误"之后,团队开始探索用 JavaScript 驱动原生 UI 的方案。2015 年 1 月,React Native 在 React.js Conf 上首次公开亮相,同年 3 月开源(iOS 先行,Android 支持于 9 月推出)。2026 年 6 月,React Native 仓库随 React 全家桶迁入 React Foundation 这一独立开源组织。

截至目前,React Native 在 GitHub 上拥有约 12.8 万 Star、2.5 万 Fork,npm 每周下载量超过 1000 万次,是全球最流行的跨平台移动开发框架之一。据估算,React Native 占据跨平台移动开发市场约 35–38% 的份额,在 Google Play 上有超过 1 万款应用使用它,累计下载量突破 700 亿次。Meta(Facebook、Instagram)、Shopify、Microsoft、Tesla、Discord、Bloomberg 等知名企业均在生产环境中使用 React Native。

React Native 将 React 的声明式 UI 范式引入 iOS 和 Android 平台,核心理念是 “一次学习,随处编写”(Learn once, write anywhere)。开发者使用 JavaScript/TypeScript 编写 UI 逻辑,框架负责将其映射为各平台的原生控件,兼顾开发效率与原生体验。

核心特点:

  • 声明式(Declarative):React 的声明式 UI 让代码更具可预测性,调试更加直观。
  • 组件化(Component-Based):构建封装良好的组件,各自管理内部状态,再组合为复杂界面。
  • 热加载(Fast Refresh):修改 JavaScript 代码后秒级生效,无需重新编译原生应用。
  • 跨平台复用(Portability):在 iOS、Android 以及 Windows、macOS 等第三方平台间共享大量代码。
  • 庞大生态:基于 npm 生态系统,拥有数以万计的第三方库和活跃的社区支持。

2. v0.86.0 版本亮点

该版本汇集了 97 位贡献者596 条 贡献。

React Native 0.86 于 2026 年 6 月 11 日发布,是一个以稳定性为核心的版本,无任何面向用户的破坏性变更——这是继 0.83 之后第二个零破坏性变更版本。

仓库迁移至 React Foundation

React Native 仓库(连同 React、Metro、Yoga 和官网)已从 facebook GitHub 组织迁至 React Foundation——一个专注于 React 生态长期治理的独立组织。所有已有 URL、Issue 和 PR 均自动 301 重定向,现有项目无需任何改动。

Android 15+ 边到边(Edge-to-Edge)全面修复

本版本对 Android 边到边模式进行了全面修复,即使系统在未设置 edgeToEdgeEnabled Gradle 属性的情况下强制启用边到边,各项功能也能正常工作:

  • measureInWindow 返回正确坐标
  • KeyboardAvoidingView 在 Android 15+ 上正确响应键盘
  • Dimensions 窗口值在 Android < 15 上保持准确
  • StatusBar 配置现已应用于 Modal 窗口
  • 导航栏遵循 enforceNavigationBarContrast 主题属性

React Native DevTools 三项关键改进

  • 亮色/暗色模式模拟:通过 Emulation.setEmulatedMedia 可在不更改设备设置的情况下测试外观模式切换(快捷键 Cmd/Ctrl + Shift + P
  • 新增性能追踪轨道:在 DevTools 性能面板中新增 React Native Renderer 自定义轨道
  • HTTPS 开发服务器支持:WebSocket 和 Inspector 连接现已全面支持 HTTPS
  • 重连机制优化:DevTools 重连循环引入指数退避和异常处理,防止堆碎片化导致的崩溃

实验性视图过渡 API(View Transitions)

新增 ViewTransitionModuleUIManagerViewTransitionDelegate 接口以及相关 API,为 React Native 带来声明式的视图过渡能力。

JSI 原生接口增强

面向原生模块开发者,新增多项 C++ API:IRuntime 接口、TypedArray/Uint8Array 一等公民支持、ArrayBuffer.detachedArray.pushString.lengthisInteger,以及标准 JS 错误类型的工厂方法。

关键缺陷修复

领域 修复内容
无障碍 isDarkerSystemColorsEnabledisHighTextContrastEnabledprefersCrossFadeTransitions 不再无限挂起
动画 修复事件驱动原生动画的 1 帧延迟
文本 修复绝对定位元素 1px 换行、BoringLayout 崩溃、已停止 Surface 上的测量崩溃
TextInput 修复 Samsung 键盘减号输入问题、IME 高度变化响应性
网络 大 HTTP 响应 OOM 处理、WebSocket Cookie 头保留、Blob 在新架构中正常工作
Yoga 修复 display: contents 在绝对定位子树中的节点所有权
Hermes 使用 V1 稳定版修复启动崩溃、修复 Apple 平台性能面板 JS 采样缺失
安全 修复 CVE-2026-25896(fast-xml-parser)、CVE-2026-27903/27904(minimatch)

样式新增

  • mixBlendMode: 'plus-lighter' 现已可用
  • Modal 的 style 属性正确转发,不再覆盖透明和背景色设置
  • 不可逆变换(scaleX: 0scaleY: 0)不再响应触摸事件

3. 获取安装包

如果访问 GitHub 不便,安装包及中文文档:https://hanshuixin.org/go/223J(内含 React.Native.DevTools-linux-x86_64.tar.gz、README 中英对照、发布说明中英对照和 LICENSE)。

适用于 Linux x86_64(amd64)。

Linux安装react-native-v0.86.0(React.Native.DevTools-linux-x86_64).zip
├── React.Native.DevTools-linux-x86_64.tar.gz
├── Linux安装react-native-v0.86.0(React.Native.DevTools-linux-x86_64).pdf
├── README/
│   ├── README.md
│   └── README-中文版.md
├── 发布说明/
│   ├── RELEASE-NOTES.md
│   └── RELEASE-NOTES-中文版.md
└── LICENSE

附录:快速开始

解压整合包根目录中的 React.Native.DevTools-linux-x86_64.tar.gz,进入解压目录运行可执行文件。

如需开始 React Native 应用开发,推荐使用以下命令初始化项目:

# 使用 React Native Community CLI 创建新项目
npx @react-native-community/cli init MyApp

# 或使用 Expo 快速体验
npx create-expo-app MyApp

开发环境需满足:Node.js(最新 LTS 版本)、watchman(Linux 下推荐安装)、Java Development Kit(JDK 17 或更高,用于 Android 构建)。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐