Need
移动端框架
Default options
Why it's needed
Expo 为 Codex 提供了托管式 React Native 开发路径，支持快速迭代、兼容的软件包以及部署工具。
Codex use case
使用 Expo 构建 React Native 应用
使用专用插件，将移动应用构想变成可运行的 Expo 应用。
Difficulty 中级
Time horizon 1 小时
在 Codex 中使用 Expo 插件搭建 React Native 应用，遵循 Expo Router 和 Expo 原生的软件包惯例，使用 Expo Go 快速测试，并仅在应用需要时才改用开发客户端或 EAS 构建。
最适合
- 希望先使用 Expo 对 React Native 应用进行原型开发或发布，再考虑采用原生 IDE 工作流的开发者。
- 需要 Codex 在路由、UI、软件包安装、构建和部署方面遵循 Expo 惯例的 Expo Router 项目。
- 需要将 Web 应用迁移为移动应用的开发者。
Contents
使用 Expo 构建 React Native 应用
使用专用插件，将移动应用构想变成可运行的 Expo 应用。
在 Codex 中使用 Expo 插件搭建 React Native 应用，遵循 Expo Router 和 Expo 原生的软件包惯例，使用 Expo Go 快速测试，并仅在应用需要时才改用开发客户端或 EAS 构建。
中级
1 小时
在 Codex 中使用 Expo 插件搭建 React Native 应用，遵循 Expo Router 和 Expo 原生的软件包惯例，使用 Expo Go 快速测试，并仅在应用需要时才改用开发客户端或 EAS 构建。
中级
1 小时
相关链接
最适合
- 希望先使用 Expo 对 React Native 应用进行原型开发或发布，再考虑采用原生 IDE 工作流的开发者。
- 需要 Codex 在路由、UI、软件包安装、构建和部署方面遵循 Expo 惯例的 Expo Router 项目。
- 需要将 Web 应用迁移为移动应用的开发者。
技能与插件
- 使用 Expo 编写的技能来处理 Expo Router UI、具有原生体验的组件、数据获取、开发客户端、部署、升级、模块以及 Codex Run 操作接入。
| Skill | Why use it |
|---|---|
| Expo | 使用 Expo 编写的技能来处理 Expo Router UI、具有原生体验的组件、数据获取、开发客户端、部署、升级、模块以及 Codex Run 操作接入。 |
入门提示
使用 Expo 插件，根据以下构想使用 Expo 构建 React Native 应用：
[describe the app idea, target users, and the main workflow]
要求：
- 首先采用 Expo Router，并遵循 Expo 原生项目惯例。
- 创建自定义构建前，先尝试 `npx expo start` 和 Expo Go。
- 使用 `npx expo install` 安装 Expo 软件包，以确保依赖项保持兼容。
- 为导航、表单、列表、空状态和加载状态采用符合原生体验的 UI 模式。
请交付：
- 可正常运行的应用功能片段
- 运行命令
- 您使用的验证路径，包括 Expo Go、设备、模拟器、开发客户端或 EAS
使用 Expo 插件，根据以下构想使用 Expo 构建 React Native 应用：
[describe the app idea, target users, and the main workflow]
要求：
- 首先采用 Expo Router，并遵循 Expo 原生项目惯例。
- 创建自定义构建前，先尝试 `npx expo start` 和 Expo Go。
- 使用 `npx expo install` 安装 Expo 软件包，以确保依赖项保持兼容。
- 为导航、表单、列表、空状态和加载状态采用符合原生体验的 UI 模式。
请交付：
- 可正常运行的应用功能片段
- 运行命令
- 您使用的验证路径，包括 Expo Go、设备、模拟器、开发客户端或 EAS
从 Expo Go 开始
当您希望 Codex 将移动应用构想变为
经过测试的 React Native 应用时，Expo 是很合适的默认选择。高效的迭代流程是先运行 expo start，接着使用 Expo Go
在设备上运行应用；仅当应用需要以下任一项时，才使用开发客户端或 EAS 构建：
自定义原生代码、应用商店分发，或 Expo Go 无法运行的功能。
这样可让 Codex 专注于应用工作流，而不是在第一轮 就把时间花在原生 IDE 设置、模拟器设置、预配或构建配置上。
使用 Expo 插件
Expo 发布了一个 Expo 插件，可为 Codex 提供符合 Expo 惯例的指导，涵盖 Expo Router、原生 UI、表单、 导航、动画、数据获取、NativeWind 设置、Expo 模块、开发 客户端、部署、升级以及 Codex Run 操作接入。
当 Codex 构建新的 Expo 界面、添加软件包、接入 API 调用、准备开发客户端，或准备将应用发布到 TestFlight、App Store、Play Store 或 EAS Hosting 时，请使用该插件。
当任务需要查阅最新的 Expo 文档、安装兼容的软件包、执行 EAS 构建和 工作流操作、获取屏幕截图、与模拟器交互、使用 React Native DevTools， 或获取 TestFlight 数据时，可以选择添加 Expo MCP 服务器。
迭代流程
- 请 Codex 检查代码仓库，并确认这是一个新的 Expo 应用，还是一个 现有的 Expo 项目。
- 先使用 Expo Router 和 Expo Go，并使用
npx expo install添加 Expo 软件包。 - 请 Codex 构建一个完整的工作流，其中包括符合原生体验的导航、 加载状态、空状态和错误状态。
- 采用当前最快的可行方式进行验证，例如在设备或 模拟器上使用 Expo Go；仅在必要时才改用开发客户端或 EAS。
建议的后续提示
使用 Expo 插件向此应用添加以下 [feature/screen/flow]：
[describe one feature, screen or user flow]
限制条件：
- 保留 Expo Router 作为路由层。
- 使用与 Expo 兼容的软件包安装方式。
- 先使用 Expo Go 进行测试。
- 仅当此功能需要时，才改用开发客户端或 EAS。
实现后，请告诉我您使用的确切运行路径，以及验证了哪些内容。
Tech stack
Need
Default options
Why it's needed
Need
路由
Default options
Why it's needed
Expo Router 提供基于文件且可预测的导航，让 Codex 可以添加界面和流程，而无需另行设计自定义路由层。
| Need | Default options | Why it's needed |
|---|---|---|
| 移动端框架 | Expo 和 React Native | Expo 为 Codex 提供了托管式 React Native 开发路径，支持快速迭代、兼容的软件包以及部署工具。 |
| 路由 | Expo Router | Expo Router 提供基于文件且可预测的导航，让 Codex 可以添加界面和流程，而无需另行设计自定义路由层。 |
