跳至主要内容

React Native

一次学习,随处编写。

使用 React 创建 Android、iOS 等平台的原生应用

React Native 将使用 React 开发的最佳部分带到原生开发中。它是一个构建用户界面的最佳 JavaScript 库。

index.js
function HomeScreen() { 
return (
<View>
<Text> Hello World 👋 🌍!</Text>
</View>
);
}
Android device and iOS device

使用 JavaScript 编写,使用原生代码渲染。 React 原语渲染到原生平台 UI,这意味着您的应用使用与其他应用相同的原生平台 API。

人人皆可进行原生开发

React Native 允许您创建真正的原生应用,并且不会影响用户体验。它提供了一套核心平台无关的原生组件,例如 View TextImage,它们直接映射到平台的原生 UI 构建块。

A React Native UI pointing out native elements like Views, ScrollViews, and more

使用框架快速入门

React Native 将 React 编程范式引入 Android 和 iOS 等平台。它没有规定如何进行路由,或如何访问众多平台 API 中的每一个。要使用 React Native 构建新的应用,我们建议使用以下框架 Expo.

File system with folders and files representing screens and navigation

基于文件的路由

使用文件系统创建堆栈、模态、抽屉和选项卡屏幕,代码量最少。

Grid of icons representing libraries, SDKs, and native code

使用任何库、SDK 或原生代码

生成原生更改或编写您自己的原生代码。使用 50 多个模块创建您的应用。

List of developer tool toggles for debugging, performance, and more

开发者工具

使用 Expo Go 快速入门,然后继续使用 expo-dev-client:一个将 Expo 工具添加到需要原生更改的应用的模块。

观看并学习

观看 React 团队的演讲,并了解如何充分利用 React Native。在以下平台上查找最新信息 X.

FB 2019:使用 React Native 进行移动创新

45:29

为什么选择 React Native?

1:42

Meta 支持。社区驱动。

Meta 于 2015 年发布了 React Native,并从那时起一直维护它。

2018 年,React Native 拥有 第二高 GitHub 中任何存储库的贡献者数量。如今,React Native 受到来自世界各地个人和公司的贡献的支持,包括 Callstack, ExpoInfinite Red 微软 Software Mansion.

我们的社区始终在交付令人兴奋的新项目,并使用以下存储库探索 Android 和 iOS 之外的平台 React Native Windows, React Native macOS React Native Web.

React Native 已用于数千个应用,但您可能已经在以下应用之一中使用过它

  • Facebook
  • Meta Horizon
  • Messenger Desktop
  • Microsoft Office
  • Microsoft Outlook
  • Microsoft Teams
  • Xbox Game Pass
  • Skype
  • Shopify
  • Shop: All your favorite brands
  • Coinbase
  • PUMA
  • PlayStation App
  • WordPress - Website Builder
  • Tableau
  • FlipKart
  • Mercari
  • Discord
  • Bloomberg
  • Pinterest
  • Tesla
  • Walmart Shopping & Grocery
  • Tencent QQ
  • Mattermost
  • NFL

以及 更多

欢迎加入 React Native 社区

开始