mobile-service-creatorlisted

# Mobile Service Creator ## Goal 快速创建 React Native / Flutter 移动应用项目 ## Trigger - 用户要求"创建移动应用"、"React Native项目"、"Flutter项目" - 需要搭建移动端项目结构 ## 目标 快速搭建高质量的移动应用项目脚手架，支持 React Native 和 Flutter 两大主流框架。提供完整的项目结构、导航配置、状态管理、API 集成和测试设置。 ## 触发条件 当用户需要： - 创建新的移动应用项目 - 搭建 React Native 或 Flutter 项目脚手架 - 初始化移动端项目结构和配置 ## 框架选择指南 ### React Native 适用场景 | 场景 | 原因 | |------|------| | 团队熟悉 JavaScript/TypeScript | 学习成本低，复用前端技能 | | 需要 Web 共享代码 | 可与 React Web 共享业务逻辑 | | 已有 React 生态依赖 | npm 生态丰富 | | 需要热更新 | CodePush 等方案成熟 | | 原生模块需求较少 | 纯 JS 方案足够 | ### Flutter 适用场景 | 场景 | 原因 | |------|------| | 追求高性能 UI | 自绘引擎，性能接近原生 | | 需要高度自定义 UI | Widget 系统灵活 | | 团队熟悉 Dart 或愿意学习 | Dart 语言现代化 | | 需要跨平台一致性 | iOS/Android 表现一致 | | 复杂动画需求 | 动画系统强大 | ### 决策流程 ``` 开始 │ ├─ 团队有 JS/TS 经验？──是──→ React Native │ ├─ 需要极致性能？──是──→ Flutter │ ├─ 需要 Web 代码复用？──是──→ React Native │ ├─ UI 高度自定义？──是──→ Flutter │ └─ 默认 → React Native（生态更成熟） ``` ## 工作流程 ### 步骤 1：确认框架和技术栈 询问用户： 1. 目标框架（React Native / Flutter） 2. 开发语言偏好（TypeScript / JavaScript / Dart） 3. 状态管理方案 4. 是否需要原生模块 ### 步骤 2：初始化项目 #### React Native 项目初始化 ```bash # 使用 React Native CLI npx react-native init MyProject --template react-native-template-typescript # 或使用 Expo（推荐新手） npx create-expo-app MyProject --template blank-typescript ``` #### Flutter 项目初始化 ```bash flutter create --org com.example my_project cd my_project ``` ### 步骤 3：生成项目结构 根据选择的