React Native 是什么，它如何工作？

Question

Accepted Answer

**React Native** 是 Meta (Facebook) 推出的一个框架，用于使用 **React 和 JavaScript** 构建 **native mobile apps**（iOS 和 Android）。其独特之处在于呈现 **真正的 native UI 组件**（而非 webview），让 web/React 开发者能够从很大程度上共享的代码库构建 native 应用。 ## React Native 是什么 ```text React Native = build NATIVE mobile apps with React + JavaScript/TypeScript: → ONE codebase (mostly) for iOS AND Android → uses REACT (components, JSX, hooks, state) — familiar to web React developers → renders REAL NATIVE UI components (not a webview / not HTML) → native look & feel → by Meta; widely used (Instagram, Discord, Shopify, etc.) ``` ## 它如何工作：JavaScript 驱动 native UI ```text → You write React components in JavaScript → React Native maps them to REAL NATIVE views (a → a native UIView/ViewGroup; → native text) — NOT web/HTML elements → JS runs and communicates with the native side (historically via a "bridge"; the new architecture uses JSI for direct, faster communication) → The result is a genuinely native app, written in React/JS ``` ## 主要特性 ```text ✓ NATIVE components → native performance and look/feel (vs webview-based frameworks) ✓ REACT model → components, JSX, hooks, state, props (web React skills transfer) ✓ Cross-platform → share most code across iOS/Android (some platform-specific code) ✓ FAST REFRESH → see changes instantly (like hot reload); large npm ecosystem ✓ Access native features via native modules / Expo ``` ## 为什么这很重要理解 React Native 是什么以及它如何工作是 React Native 开发的基础，也是理解跨平台格局的重要内容。 React Native 是一个主要的框架，用于使用 **React 和 JavaScript 从很大程度上共享的代码库构建 native mobile apps** — 解决了避免分别为 iOS 和 Android 构建应用的重大需求，同时让庞大的 **web/React 开发者** 群体能够将其现有技能（组件、JSX、hooks、state）应用于移动开发，这是一个关键优势。 defining 特性 — React Native 呈现 **真正的 native UI 组件**（将 React 组件映射到实际的 native 视图，而非 webview 或 HTML）— 理解这一点很重要，因为它为应用提供了 **native 性能和外观/感觉**，将 React Native 与基于 webview 的方案区分开来，使其成为真正的 native 应用解决方案。理解 **它如何工作**（JavaScript 运行并驱动 native UI，通过 bridge 历史上与 native 端通信，或在新架构中通过更快的 JSI）澄清了其混合特性。理解 **主要特性** — native 组件（native 外观/性能）、熟悉的 React 模型（可转移的 web 技能）、跨平台代码共享、Fast Refresh（即时更新）、庞大的 npm 生态系统、以及 native 功能访问 — 说明了为什么 React Native 被广泛采用（被 Instagram、Discord、Shopify 等许多公司使用）。由于 React Native 是一个主要的跨平台框架（特别对 React/web 开发者有吸引力），理解其性质（React + JS、native 组件、跨平台）和它如何工作（驱动真正的 native UI）对 React Native 工作来说是基础性的，对理解跨平台选项也很重要，所以理解 React Native 是什么以及它如何工作是必要的、基础性的知识 — 是 React Native 开发的起点，也是理解它在跨平台技术中如何定位的重要背景，这是一个广泛使用的方案，特别适合利用 React 技能构建 native mobile apps。