Need
行動應用程式框架
Default options
Why it's needed
Expo 為 Codex 提供受管理的 React Native 開發路徑，兼具快速迭代、相容套件與部署工具。
Codex use case
使用 Expo 建置 React Native 應用程式
從行動應用程式構想到可運作的 Expo 應用程式，全程使用專用外掛程式完成。
Difficulty 中級
Time horizon 1 小時
搭配 Expo 外掛程式使用 Codex，建立 React Native 應用程式骨架、全程遵循 Expo Router 與 Expo 原生套件慣例、透過 Expo Go 快速測試，並僅在應用程式需要時才改用開發用戶端或 EAS 建置。
最適合
- 想先使用 Expo 製作 React Native 應用程式原型或發布應用程式，再視需要採用原生 IDE 工作流程的開發人員。
- 希望 Codex 在路由、UI、套件安裝、建置和部署方面遵循 Expo 慣例的 Expo Router 專案。
- 需要將網頁應用程式移轉為行動應用程式的開發人員。
Contents
使用 Expo 建置 React Native 應用程式
從行動應用程式構想到可運作的 Expo 應用程式，全程使用專用外掛程式完成。
搭配 Expo 外掛程式使用 Codex，建立 React Native 應用程式骨架、全程遵循 Expo Router 與 Expo 原生套件慣例、透過 Expo Go 快速測試，並僅在應用程式需要時才改用開發用戶端或 EAS 建置。
中級
1 小時
搭配 Expo 外掛程式使用 Codex，建立 React Native 應用程式骨架、全程遵循 Expo Router 與 Expo 原生套件慣例、透過 Expo Go 快速測試，並僅在應用程式需要時才改用開發用戶端或 EAS 建置。
中級
1 小時
相關連結
最適合
- 想先使用 Expo 製作 React Native 應用程式原型或發布應用程式，再視需要採用原生 IDE 工作流程的開發人員。
- 希望 Codex 在路由、UI、套件安裝、建置和部署方面遵循 Expo 慣例的 Expo Router 專案。
- 需要將網頁應用程式移轉為行動應用程式的開發人員。
技能與外掛程式
- 使用 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。
- 安裝 Expo 套件時使用 `npx expo install`，以維持相依套件的相容性。
- 導覽、表單、清單、空白狀態與載入狀態皆採用具原生體驗的 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。
- 安裝 Expo 套件時使用 `npx expo install`，以維持相依套件的相容性。
- 導覽、表單、清單、空白狀態與載入狀態皆採用具原生體驗的 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 開始，並使用
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 新增畫面與流程時，無須另行設計自訂路由層。 |
