需求
移动框架
默认选项
Expo and React Native
为何需要它
Expo 为 Codex 提供了一条受管理的 React Native 路径，具备快速迭代、兼容包和部署工具。
Codex 用例
使用 Expo 构建 React Native 应用
借助专用插件，将移动应用创意转化为可运行的 Expo 应用。
难度 中级
时间周期 1h
配合 Expo 插件使用 Codex 来搭建 React Native 应用脚手架，遵循 Expo Router 和 Expo 原生包规范，使用 Expo Go 快速测试，仅在应用需要时才转向开发客户端或 EAS 构建。
适用场景
- 希望在转向原生 IDE 工作流之前，使用 Expo 进行原型开发或发布 React Native 应用的开发者。
- 要求 Codex 遵循 Expo 的路由、UI、包安装、构建和部署规范的 Expo Router 项目。
- 需要将 Web 应用迁移至移动应用的开发者。
目录
使用 Expo 构建 React Native 应用
借助专用插件，将移动应用创意转化为可运行的 Expo 应用。
配合 Expo 插件使用 Codex 来搭建 React Native 应用脚手架，遵循 Expo Router 和 Expo 原生包规范，使用 Expo Go 快速测试，仅在应用需要时才转向开发客户端或 EAS 构建。
中级
1h
配合 Expo 插件使用 Codex 来搭建 React Native 应用脚手架，遵循 Expo Router 和 Expo 原生包规范，使用 Expo Go 快速测试，仅在应用需要时才转向开发客户端或 EAS 构建。
中级
1h
相关链接
适用场景
- 希望在转向原生 IDE 工作流之前，使用 Expo 进行原型开发或发布 React Native 应用的开发者。
- 要求 Codex 遵循 Expo 的路由、UI、包安装、构建和部署规范的 Expo Router 项目。
- 需要将 Web 应用迁移至移动应用的开发者。
技能与插件
- 使用 Expo 官方提供的技能来处理 Expo Router UI、原生体验组件、数据获取、开发客户端、部署、升级、模块，以及 Codex Run 操作的绑定。
| 技能 | 为什么使用它 |
|---|---|
| Expo | 使用 Expo 官方提供的技能来处理 Expo Router UI、原生体验组件、数据获取、开发客户端、部署、升级、模块，以及 Codex Run 操作的绑定。 |
起始提示词
使用 Expo 插件根据以下想法使用 Expo 构建 React Native 应用：[描述应用创意、目标用户和主要工作流程] 要求：- 遵循 Expo Router 和 Expo 原生项目规范作为起点。- 优先尝试 `npx expo start` 和 Expo Go，然后再创建自定义构建。- 使用 `npx expo install` 安装 Expo 包，以保持依赖项兼容。- 在导航、表单、列表、空状态和加载状态中使用原生体验的 UI 模式。 交付内容：- 可运行的应用切片- 运行命令- 您使用的验证路径，包括 Expo Go、真机、模拟器、开发客户端或 EAS
使用 Expo 插件根据以下想法使用 Expo 构建 React Native 应用：[描述应用创意、目标用户和主要工作流程] 要求：- 遵循 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，接下来仅当应用需要自定义原生代码、商店分发或 Expo Go 无法运行的功能时，才使用开发客户端或 EAS 构建。
这使得 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 MCP 服务器 当任务需要查阅最新的 Expo 文档、安装兼容的包、执行 EAS 构建和工作流操作、截屏、模拟器交互、使用 React Native DevTools 或获取 TestFlight 数据时。
迭代过程
- 让 Codex 检查仓库，并确认它是新的 Expo 应用还是现有的 Expo 项目。
- 从 Expo Router 和 Expo Go 开始，并在添加 Expo 包时使用
npx expo install添加 Expo 包时。 - 让 Codex 构建一个包含原生体验导航、加载状态、空状态和错误状态的完整工作流。
- 通过最快的可用路径进行验证（例如设备或模拟器上的 Expo Go），然后仅在需要时再过渡到开发客户端或 EAS。
建议的后续提示词
使用 Expo 插件将以下 [feature/screen/flow] 添加到此应用中：[描述一个功能、界面或用户流程] 约束： - 保留 Expo Router 作为路由层。 - 使用兼容 Expo 的包安装方式。 - 首先使用 Expo Go 进行测试。 - 仅在此功能需要时才过渡到开发客户端或 EAS。 实现后，请告知我您使用的确切运行路径以及验证的内容。
技术栈
需求
默认选项
为何需要它
需求
路由
默认选项
为何需要它
Expo Router 保持了基于文件且可预测的导航方式，这有助于 Codex 添加界面和流程，而无需创建自定义路由层。
| 需求 | 默认选项 | 为何需要它 |
|---|---|---|
| 移动框架 | Expo and React Native | Expo 为 Codex 提供了一条受管理的 React Native 路径，具备快速迭代、兼容包和部署工具。 |
| 路由 | Expo Router | Expo Router 保持了基于文件且可预测的导航方式，这有助于 Codex 添加界面和流程，而无需创建自定义路由层。 |
