Expo技能

使用 ADB 在 Android 模擬器上測試 Expo Router 功能。在實作原生 Android 功能後或驗證 Android 上的 UI 行為時使用。

使用路由、樣式、元件及平台慣例建構原生 Expo 應用程式的完整指南。涵蓋 Expo Router 基礎、原生分頁、堆疊導航、模態視窗與表單頁面，並詳述路由結構慣例。包含符合 Apple 人機介面指南的樣式規則：flexbox 佈局、安全區域處理、動畫、透過 CSS boxShadow 實現的陰影效果，以及響應式設計模式。記錄函式庫偏好設定（expo-image 用於 SF Symbols、expo-audio、expo-video……）

深度設計導向的程式碼審查——在評估 PR 變更前先理解程式碼庫背景，並將結構化回饋發布至 GitHub

檢查已發布的 EAS 更新的健康狀況：崩潰率、安裝/啟動次數、唯一用戶數、有效載荷大小，以及每個…的嵌入式與 OTA 用戶分佈。

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

在 Expo Router 中使用 API 路由處理伺服器端邏輯、機密資料及第三方整合，適用於 EAS Hosting。在 app 目錄中建立以 +api.ts 結尾的路由；匯出名稱對應的 HTTP 方法函式（GET、POST、PUT、DELETE）。處理查詢參數、標頭、JSON 主體及動態路由區段；為網頁客戶端加入 CORS 標頭。透過 process.env 存取伺服器端機密；在本地 .env 中設定變數，或透過 eas env:create 為正式環境設定。使用 eas 部署至 EAS Hosting（Cloudflare Workers）。

為Expo專案撰寫並驗證EAS CI/CD工作流程的YAML檔案。從Expo API獲取最新JSON結構，確保作業類型、參數、觸發條件及執行器配置皆為最新。支援使用${{ }}語法的動態表達式，可搭配GitHub事件、工作流程輸入、作業輸出及步驟結果等上下文。內建驗證腳本，能根據結構檢查工作流程並在部署前回報錯誤。提供語法參考文件...

自動化將 Expo 應用程式部署至 iOS App Store、Android Play Store、網頁主機及預覽環境。支援透過單一指令進行 iOS（App Store 與 TestFlight）及 Android（Google Play Store）的正式版本建置與提交。包含 EAS Hosting 網頁部署功能，可自動產生 PR 預覽網址並支援正式網域。透過 EAS Workflows 提供 CI/CD 工作流程自動化，在程式碼推送時觸發建置與提交。自動版本管理，支援遠端...

透過 EAS Build 或在本機端建立自訂 Expo 開發用戶端，以便在實體裝置上測試原生程式碼。僅在使用自訂原生模組、Apple 目標（小工具、App Clips）或 Expo Go 中未包含的第三方原生程式碼時才需要；請先嘗試使用 npx expo start 執行 Expo Go。支援雲端建置並自動提交至 TestFlight，或在本機端建置，輸出 .ipa（iOS）或 .apk / .aab（Android）檔案。需要在 eas.json 中設定包含開發設定檔的組態，該設定檔會設定...

使用 Expo Modules API（Swift、Kotlin、TypeScript）建立與撰寫 Expo 原生模組與檢視的指南。涵蓋模組定義 DSL、原生…

適用於 iOS、Android 及 Web 的 Expo 應用程式通用 Tailwind CSS v4 樣式。透過 Metro 轉換器整合 Tailwind CSS v4 與 react-native-css 及 NativeWind v5，無需 Babel 配置。提供可重複使用的 CSS 封裝元件庫（View、Text、ScrollView、Pressable、TextInput、Image、Link），可將 className 樣式套用至原生元素。支援透過 CSS 媒體查詢進行平台特定樣式設定、透過 @theme 區塊自訂主題變數，以及 Apple 語意...

針對Expo應用程式的網路請求、API呼叫與資料擷取，包含快取、錯誤處理及離線支援。涵蓋fetch API、React Query、錯誤處理模式、使用expo-secure-store進行令牌管理，以及具備指數退避的重試邏輯。包含採用NetInfo與React Query持久化的離線優先策略，以及使用EXPO_PUBLIC_前綴的環境變數設定，用於客戶端URL。支援Expo Router資料載入器（useLoaderData），實現路由層級的資料載入...

結構化指引，協助升級 Expo SDK 版本並解決相依性衝突。提供逐步升級流程，包括診斷、清除快取，以及針對原生變更的預建工作流程。涵蓋 SDK 53–55 的重大變更，包含 React 19 遷移、新架構預設值、React Compiler 設定，以及原生模組更新（tabs、audio、video）。內含套件棄用地圖，例如 expo-av、expo-permissions 與 AsyncStorage，並提供替代建議...

在 Expo 應用程式中執行僅限網頁的函式庫，方法是在原生端透過網頁檢視渲染，在網頁端則保持原樣。支援任何 React 網頁函式庫（如 recharts、react-syntax-highlighter、canvas、WebGL），無需修改，只需將其包裝在帶有 'use dom'; 指令的 DOM 元件檔案中。傳遞可序列化的 props 和非同步函式從原生端到網頁檢視，實現原生與網頁上下文之間的雙向通訊。透過 dom prop 提供網頁檢視配置選項：滾動控制、安全區域...