React Native 跨平台移动开发完全教程：一套 JS 代码做出 iOS + Android App

适用人群：会 React / JavaScript、想开发手机 App 但不想学 Swift/Kotlin 的人；需要同时上架 iOS 和安卓的创业者/团队。 读完你能做到：用 Expo 跑起第一个 RN 应用、写组件与样式、处理点击与列表、调相机等原生能力，并打包预览。

一、原理背景

React Native（简称 RN）是 Meta 开源的用 JavaScript/React 写原生 App 的框架。它和你可能听过的「H5 网页套壳」不一样：RN 渲染的是真正的原生控件（iOS 的 UIView、安卓的 View），不是 WebView 里套网页，所以体验接近原生、性能远好于 H5。

核心机制：你用 React 的组件化写法写 UI，RN 的「桥（Bridge）/ 新架构 Fabric」把这些声明翻译成原生平台的真实视图。所以——

  • 你会 React，就会 RN 的大部分；
  • 一套代码（JS）同时编译出 iOS 和 Android 两个 App；
  • 需要摄像头、定位、推送等原生能力时，通过「原生模块」调用，社区封装好了大多数。

对中小团队而言，RN 最大的价值是省掉一套原生开发的人力：一个 JS 工程师就能同时交付双端。

二、分步操作

步骤 1：用 Ex

🔒 付费文档

支付 5 积分后即可解锁全部内容