技能 Mobile Developer
📱
Mobile Developer
安全
使用 React Native 和 Flutter 建構跨平台行動應用程式
行動開發人員在跨平台一致性和原生整合方面面臨挑戰。此技能提供 React Native、Flutter 和原生開發的專業指導，採用現代架構模式。
支援: Claude Codex Code(CC)
1
下載技能 ZIP
2
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
3
開啟並開始使用
測試它
正在使用「Mobile Developer」。 設定具有導航功能的 React Native 專案
預期結果:
- 1. 初始化專案：npx react-native init MyApp --template react-native-template-typescript
- 2. 安裝導航：npm install @react-navigation/native @react-navigation/stack
- 3. 安裝相依套件：npm install react-native-screens react-native-safe-area-context
- 4. 使用 Stack.Navigator 和 Screen 元件建立導航結構
- 5. 在 AndroidManifest.xml 和 Info.plist 中設定深度連結
正在使用「Mobile Developer」。 為 Flutter 應用程式實作離線同步
預期結果:
- 使用 Hive 或 Isar 進行本機資料庫儲存
- 實作具有本機和遠端資料來源的 Repository 模式
- 使用 connectivity_plus 套件建立具有連線監聽器的同步服務
- 使用最後寫入優先或向量時鐘處理衝突解決
- 將變更排隊以便在連線恢復時重試
安全審計
安全v1 • 2/25/2026
This skill contains only prompt instructions with no executable code. Static analysis scanned 0 files and detected 0 security issues. The skill provides mobile development guidance for React Native, Flutter, and native platforms without any network access, filesystem operations, or external command execution. Safe for publication.
0
已掃描檔案
0
分析行數
0
發現項
1
審計總數
未發現安全問題
審計者: claude
品質評分
38
架構
100
可維護性
87
內容
50
社群
100
安全
74
規範符合性
你能建構什麼
跨平台電子商務應用程式
使用 React Native 建構電子商務應用程式，包含離線購物車、付款整合和訂單更新推播通知
Flutter 企業遷移
將傳統 Xamarin 應用程式遷移至 Flutter，採用 Material 3 設計、本機資料庫和企業認證
原生功能整合
為跨平台應用程式建立原生模組，用於相機處理、生物識別認證和 BLE 連線
試試這些提示
基本行動應用程式設定
建立一個新的 React Native 應用程式，包含 TypeScript、導航設定和遵循最佳實踐的資料夾結構。包含在 iOS 和 Android 模擬器上運行的說明。
狀態管理實作
在我的 React Native 應用程式中實作 Redux Toolkit，用於管理使用者認證狀態、購物車和 API 快取。包含資料夾結構和 store 設定。
原生模組建立
指導我為 React Native 建立一個使用 Swift 的原生 iOS 模組，用於透過邊緣檢測存取相機進行文件掃描。包含橋接程式碼。
效能優化審查
審查我的 Flutter 應用程式架構並識別效能瓶頸。提供改進啟動時間、記憶體使用以及在滾動和動畫期間維持 60fps 的具體建議。
最佳實務
- 遵循平台特定的設計指南：iOS 採用 Human Interface Guidelines，Android 採用 Material Design
- 實作適當的錯誤邊界和離線情境的優雅降級
- 使用環境變數設定 API 端點，切勿將敏感設定提交至版本控制
避免
- 將 API 金鑰或機密資訊直接儲存在應用程式程式碼中，而非使用安全後端服務
- 在主執行緒上進行同步網路呼叫導致 UI 凍結
- 忽略平台特定的無障礙功能和觸控目標大小
常見問題
我應該為我的專案選擇 React Native 還是 Flutter？
如果您具有 JavaScript 專業知識或需要原生模組整合，請選擇 React Native。如果您需要跨平台一致的使用者介面和更優異的效能，請選擇 Flutter。兩者都是生產就緒的，擁有強大的生態系統。
如何處理不同的螢幕尺寸和密度？
使用百分比為基礎的響應式設計版面配置、平台特定資源，以及 react-native-responsive-dimensions 或 Flutter 的 LayoutBuilder 等程式庫。在開發期間於多種裝置尺寸上進行測試。
iOS 和 Android 的典型應用程式審核時程是什麼？
iOS App Store 審核通常需要 24-48 小時。Google Play 審核對於新應用程式範圍從幾小時到 2 天。請預留緩衝時間以應對潛在的拒絕和重新提交。
如何實作生物識別認證？
React Native 使用 react-native-biometrics 或 expo-local-authentication。Flutter 使用 local_auth 套件。務必提供備用認證方式並處理平台特定的權限流程。
離線優先行動應用程式的最佳方法是什麼？
實作本機資料庫（SQLite、Realm、Hive），將變更排隊進行同步，使用樂觀 UI 更新，並處理衝突解決。考慮使用 WatermelonDB 或 RxDB 等程式庫進行反應式同步。
如何減少行動應用程式包大小？
為 Android 啟用 ProGuard/R8，為 iOS 使用 app thinning，延遲載入功能，使用 WebP 格式優化影像，移除未使用的程式碼和資源，大型應用程式可考慮模組化架構。