想用 React Native 开发 App？来认识一下 Expo 框架

有没有梦想过构建一个同时运行在 iOS 和 Android 上的酷炫移动应用，而不用维护两套独立的代码？没错，这就是 React Native 的魔力。但说实话，一头扎进原生开发有时就像在破译古老的象形文字。这时候 Expo 登场了——它就像一个友好的社区超级英雄，让你的 React Native 之旅更顺畅、更明亮，我甚至敢说，更有趣！

如果你是经验丰富的开发者，可能已经在点头了。如果你才刚刚把脚趾伸进移动应用开发的池子里，系好安全带，因为 Expo 即将成为你的新好朋友。这不只是另一个工具；它是一个完整的生态系统，专门用来简化和加速你的 React Native 工作流。

Expo 到底有什么了不起的？

核心来说，Expo 是一个用于构建通用 React Native 应用的框架和平台。把它想象成一层抽象，替你处理大量繁琐的原生细节。你不用直接跟 Xcode（iOS）或 Android Studio（Android）较劲，Expo 提供了精简的开发环境和一整套预构建的 API，让你可以用简单的 JavaScript 调用访问相机、定位、通知等设备功能。

它就像一把 React Native 开发的瑞士军刀。开箱即用就能获得大量功能，让你专注于真正重要的事：构建出色的用户体验。

开始之前：你需要什么（别慌！）

开始使用 Expo 不需要计算机科学博士学位。以下是你的工具清单：

• Node.js 和 npm/yarn：这是几乎所有现代 JavaScript 开发的基础。如果还没装，去 Node.js 官网安装即可。npm（Node 包管理器）或 yarn 是帮你安装 Expo 和其他依赖的包管理器。
• 代码编辑器：Visual Studio Code（VS Code）是 React Native 世界无可争议的王者，不过你也可以用任何顺手的（Sublime Text、Atom 等）。
• Expo Go 应用（用于测试）：这是你的移动测试场。在真机上的 App Store（iOS）或 Google Play（Android）下载 Expo Go。这就是你实时看到应用活起来的方式。
• 对 React 的基础理解：因为 Expo 构建在 React Native 之上，掌握 React 的概念（组件、state、props、JSX）会非常有帮助。

就这样！暂时不需要安装 Android Studio 或 Xcode。如果你决定以后要 eject 出 Expo，到时候再说。

闪亮的一面：选择 Expo 的优势

为什么 Expo 这么受欢迎？这可不是徒有其表。它带来了大量好处：

1. 零原生配置麻烦（圣杯！）

这是 Expo 最大的卖点。当你从零开始一个新 React Native 项目时，常常要处理原生模块、链接库以及各种配置，感觉就像在雷区里穿行。Expo 把这些全部抽象掉了。

当你创建一个 Expo 项目时，它预配置了大多数常用原生模块。你只需要 npm install 或 yarn add 一个库，通常就能直接用了！不需要 react-native link 命令，也不需要手动安装 pod。

2. 快速原型与开发速度

因为跳过了原生配置，你可以在几分钟内让应用跑起来，而不是几小时或几天。Expo CLI（命令行界面）让启动新项目、在设备上运行、快速迭代都变得轻而易举。

起步方式如下：

# 使用 npm
npm install -g expo-cli
expo init my-awesome-app
cd my-awesome-app
npm start

或者用 yarn：

yarn global add expo-cli
expo init my-awesome-app
cd my-awesome-app
yarn start

这会启动一个开发服务器。你会在终端里看到一个二维码。打开手机上的 Expo Go 应用扫描这个二维码，瞧！你的应用已经跑在设备上了。

3. 空中更新（OTA）：应用更新的魔法棒

想象一下，不用为每个小 bug 修复或功能调整走可怕的商店审核流程，就能推送应用更新。Expo 用 OTA 更新让这成为现实。你可以远程更新 JavaScript 代码，用户下次打开应用时就会收到新版本。

这对快速迭代、修复关键 bug、甚至 A/B 测试功能都极其强大。

4. Expo SDK：预构建 API 的宝库

Expo 提供了全面的 SDK，让你轻松访问海量设备功能。需要拍照？

import * as ImagePicker from 'expo-image-picker';

async function pickImage() {
  let result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.Images,
    allowsEditing: true,
    aspect: [4, 3],
    quality: 1,
  });

  if (!result.canceled) {
    console.log(result.assets[0].uri);
    // 用这个图片 URI 做点什么
  }
}

需要获取用户定位？

import * as Location from 'expo-location';

async function getLocation() {
  let { status } = await Location.requestForegroundPermissionsAsync();
  if (status !== 'granted') {
    console.error('访问定位的权限被拒绝了');
    return;
  }

  let location = await Location.getCurrentPositionAsync({});
  console.log(location.coords.latitude, location.coords.longitude);
}

这只是几个例子。Expo SDK 覆盖从相机、定位到联系人、文件系统、通知以及更多、更多功能。

5. Expo Application Services（EAS）：轻松构建与部署

Expo 不只是开发；它还帮你处理构建和部署流程。EAS 是一项云服务，可以直接从你的 Expo 项目构建原生应用二进制文件（Android 的 APK 和 iOS 的 IPA）。这意味着你不需要在本地机器上搭建复杂的构建环境。

用 EAS 你可以：

• 构建：生成生产就绪的应用二进制文件。
• 提交：轻松把应用提交到应用商店。
• 更新：管理和推送 OTA 更新。

这大大简化了从开发到用户设备上真实应用的全过程。

6. 跨平台一致性

虽然 React Native 本身就追求跨平台一致，Expo 通过提供统一的 API 层进一步帮助你实现这一点。这意味着要处理的平台特有怪癖更少了。

不那么闪亮的一面：Expo 的潜在缺点

没有完美的工具，Expo 也有其局限。了解这些很重要，这样你才能做出明智的决定。

1. 对某些原生模块的访问受限（"托管工作流"的注意事项）

在 Expo 默认的"托管工作流"中，你只能在 Expo 支持的范围内工作。如果你的应用需要 Expo SDK 没有暴露的、非常特殊的底层原生功能，你可能会遇到障碍。这可能包括：

• 重度依赖原生平台特性的自定义 UI 元素。
• Expo 未覆盖的特定后台处理能力。
• 与某些没有 Expo 支持的第三方 SDK 集成。

如果撞到这堵墙，别绝望！这就是"裸工作流"登场的地方。

2. "裸工作流"作为解决方案（以及它自己的一堆复杂性）

Expo 也提供"裸工作流"。这本质上是一个你可以用 Expo 工具引导的标准 React Native 项目。它让你完全控制原生代码，可以添加任何你想要的原生模块。然而，这也意味着你失去了一些"Expo 魔法"，比如零配置和部分 OTA 更新能力。这是一个权衡：更多控制，也更多责任。

3. 更大的应用体积（有时）

因为 Expo 会把大量 SDK 和运行时捆绑进你的应用，初始应用体积可能比"裸"React Native 项目稍大。对大多数应用来说，这个差异可以忽略不计，但对极端敏感体积的应用，可能需要考虑。

4. 在高要求场景下可能性能稍慢

虽然 Expo 整体性能不错，但在需要极致原生性能和直接硬件访问的极端场景下，"裸"React Native 项目可能略占优势。这通常只对高端游戏或复杂实时处理等非常小众的应用才相关。

让 Expo 大放异彩的关键特性

让我们更深入看看一些让 Expo 用起来很愉快的突出特性：

Expo CLI：你的指挥中心

如前所述，Expo CLI 是你通往 Expo 世界的门户。它处理项目创建、运行开发服务器、构建应用以及更多工作。它直观、强大，让项目管理变得轻松。

Expo Modules：积木块

Expo 由一组提供特定功能的模块组成。你直接在 JavaScript 代码里导入这些模块。这种模块化方式让你很容易理解应用正在利用哪些能力。

一些流行的 Expo 模块包括：

• expo-camera：用于拍摄照片和视频。
• expo-location：用于访问 GPS 数据。
• expo-notifications：用于推送和本地通知。
• expo-file-system：用于与设备文件系统交互。
• expo-splash-screen：用于自定义应用的启动画面。
• expo-constants：用于访问环境变量和配置。
• expo-font：用于加载自定义字体。

Expo Updates：OTA 的力量

我们提到过这个，但值得重申。Expo Updates 是一项让你通过空中部署 JavaScript 和资源变更到应用的服务。这对快速迭代和 bug 修复是颠覆性的。

Expo Development Builds：架起桥梁

Expo Development Builds 是一个较新的特性，即使你使用托管工作流，也能为你的项目创建自定义原生开发应用。这让你可以在开发环境中加入自定义原生代码和模块，同时仍然享受 Expo 的许多优势。

Expo Application Services（EAS）：你的云端伙伴

EAS 是 Expo 的云平台，简化了构建、测试和部署流程。它与你的 Expo 项目无缝集成，简化通往生产环境的路径。

什么时候应该选择 Expo？

Expo 是以下场景的绝佳选择：

• React Native 新手：易用性和零配置大幅降低了学习曲线。
• 快速原型：如果你需要快速把一个应用想法落地并测试，Expo 是首选。
• 大多数移动应用：对于绝大多数常见应用功能（社交媒体、电商、工具类应用等），Expo 提供了你需要的一切。
• 重视开发速度的团队：如果快速上市是优先项，Expo 能加速你的开发周期。
• 不需要高度专业化原生特性的应用：如果你的应用主要依赖常见设备 API，Expo 非常合适。

什么时候可以考虑裸工作流（或纯 React Native）？

• 深度原生集成：如果你的应用需要 Expo 默认不支持的非常特定的原生库或底层硬件访问。
• 性能关键型应用：对于每一毫秒性能都很重要、且你需要对原生层绝对控制的高要求应用。
• 现有原生代码库：如果你要把 React Native 集成进现有原生应用，裸工作流可能更合适。

结论：Expo 是你通往 React Native 幸福的门票

Expo 让 React Native 的移动应用开发变得大众化。它正面解决了原生开发的复杂性，让开发者专注于构建创新特性和漂亮的用户界面。虽然它有局限，但它提供的优势——尤其是快速开发和易用性——使它成为绝大多数项目极具吸引力的选择。

所以，如果你想构建一个跨平台移动应用，又不想陷入原生配置的噩梦，认真看看 Expo 吧。它可能就是你的下一个移动开发冒险里最好的决定。编码愉快！