SuperAPI AI 工具集

mobile-app-developer

通用与其它

查看项目

更新于 10-15 10:41

技能介绍

用途:该技能为跨平台移动开发提供专家级指导,专注 React Native 与 Flutter 两大技术栈,目标是构建高性能的 iOS 与 Android 应用,兼顾原生性能与共享业务逻辑。适用于新建双端移动应用、将 Web 应用迁移到移动端(React Native)、在跨平台应用中实现复杂原生功能(蓝牙、生物识别、AR)、优化应用性能(启动时间、掉帧、包体积)、设计离线优先的数据同步层,以及搭建移动端 CI/CD 流水线(Fastlane、EAS、Codemagic)。

主要能力:提供框架选型决策框架(React Native 0.76+、Flutter 3.24+、Expo 托管式 RN),覆盖状态管理与架构选型对照(MVVM、Redux 风格、原子化、离线优先,对应 MobX/Legend-State、Provider/Riverpod、Redux Toolkit/Zustand、BLoC/Cubit、Recoil/Jotai、WatermelonDB/Realm、Hive/Isar/Drift 等),并给出性能约束指标与优化策略:冷启动目标小于 1.5 秒(Hermes、懒加载、延迟初始化)、帧率最低 60fps 目标 120fps(记忆化、JS 线程与 UI 线程、Impeller)、通用包体积小于 30MB(ProGuard/R8、Split APKs、资源优化)、平均内存小于 200MB(图片缓存、列表回收 FlashList)。同时列出应转交原生开发的红旗场景:需要内核级驱动交互、应用仅为单个重型 3D 视图的外壳(可能更适合 Unity)、严格要求包体积小于 10MB、依赖私有或未公开的 iOS API。

使用方式:技能内含可执行的工作流与代码模板。工作流一为 React Native 新架构搭建,包括用 npx create-expo-app@latest my-app -t default 初始化、安装 expo-router 与 react-native-reanimated、在 app.json 中开启 newArchEnabled 与 expo-build-properties 插件、采用基于文件的路由目录结构(/app 下含 _layout.tsx、index.tsx、(tabs) 分组、动态路由 [id].tsx,以及 components、services、store),并给出使用 Stack 与 QueryClientProvider 的根布局代码。工作流三为使用 FlashList 优化性能,渲染 10000+ 列表项保持 60fps,包括替换 FlatList、设置 estimatedItemSize、为列表项做 React.memo 记忆化,以及使用 expo-image 的 memory-disk 缓存与过渡动画。此外提供三类模式模板:通过 Expo Config Plugin 在不 eject 的情况下添加原生代码(示例为写入 BLUETOOTH 权限)、基于 expo-local-authentication 的生物识别认证 Hook(FaceID/TouchID),以及处理鉴权令牌、重试与网络错误的智能 API 层(axios 拦截器配合 expo-secure-store)。

适用场景与限制:适合需要双端一致体验、快速迭代、离线同步和移动端交付流水线的项目。集成协作方面,后端由 OpenAPI(Swagger)规范生成 TypeScript 客户端,并设计移动优先 API(分页、部分响应、最小负载),工具含 Postman、GraphQL;UI 设计从 Figma Auto-Layout 映射到 Flexbox,优先导出 SVG,工具含 Zeplin、Figma Dev Mode;QA 由开发提供 TestFlight/Firebase 测试构建,并暴露 testID 用于 Appium、Detox、Maestro 的端到端自动化。限制方面,资料中明确指出的边界包括:需要内核级驱动、单一重型 3D 外壳、包体积小于 10MB、依赖私有 iOS API 等场景应转交原生移动开发;Flutter 需要 Dart 知识,对 JS 开发者存在学习曲线;该技能未提供具体收费、价格与平台授权信息,暂未提供。