# AI工具(react-native) **Repository Path**: Marthkoper/ai-tools ## Basic Information - **Project Name**: AI工具(react-native) - **Description**: 基于react-native的AI工具(ai_tools)的安卓、ios项目 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-09-29 - **Last Updated**: 2025-09-29 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # AI Tools 这是一个基于 React Native 构建的多功能 AI 工具应用,集成了语音识别、翻译、聊天、文本转语音等功能。应用支持跨平台运行,适配 Android 和 iOS 系统。 ## 🚀 主要功能 - **AI 聊天**:与 AI 进行智能对话,支持上下文记忆和历史记录。 - **语音识别与合成**:支持语音转文字和文字转语音功能,集成语音历史记录。 - **多语言翻译**:支持多种语言之间的实时翻译,包含批量翻译功能。 - **用户认证**:提供登录、注册、密码重置等功能。 - **订阅管理**:支持应用内购买订阅,提供订阅状态查询和恢复购买功能。 - **数据分析**:集成用户行为追踪和性能监控。 - **本地通知**:支持推送本地通知和设置应用角标。 - **WebSocket 实时通信**:支持实时消息推送和事件处理。 ## 📦 技术栈 - **React Native**:跨平台移动应用开发框架。 - **TypeScript**:用于类型安全和更好的开发体验。 - **Redux Toolkit**:状态管理工具,简化 Redux 的使用。 - **Axios**:用于 HTTP 请求。 - **React Navigation**:导航管理器,支持堆栈导航和标签页导航。 - **Reanimated & Gesture Handler**:用于实现复杂的动画和手势交互。 - **React Query**:用于数据获取和缓存管理。 - **i18next**:国际化支持。 - **Fastlane**:自动化构建和部署流程。 ## 📲 页面导航 ### 认证流程 - 登录页面 (`LoginScreen`) - 注册页面 (`RegisterScreen`) ### 主功能页面 - 首页 (`HomeScreen`):展示欢迎信息和最近活动。 - 聊天页面 (`ChatScreen`):与 AI 进行对话。 - 语音页面 (`VoiceScreen`):语音识别与合成。 - 翻译页面 (`TranslateScreen`):多语言翻译。 - 活动历史页面 (`ActivityHistoryScreen`):查看用户操作记录。 ### 个人中心 - 个人资料页面 (`ProfileScreen`):查看和编辑用户信息。 - 订阅页面 (`SubscriptionScreen`):管理订阅计划。 ## 🧩 核心组件 - **AudioRecorder**:语音录制组件。 - **ChatBubble**:聊天消息气泡组件。 - **CustomHeader**:自定义导航栏组件。 - **ProfileHeader**:个人资料头部组件。 - **ProfileMenuItem**:个人中心菜单项组件。 - **SettingsModal**:设置弹窗组件,支持开关、选择器和操作按钮。 - **VoiceHistoryList**:语音历史记录列表组件。 ## 📡 服务模块 - **AIService**:封装 AI 相关功能,如聊天、翻译、语音识别等。 - **AuthService**:处理用户认证相关逻辑。 - **BillingService**:管理订阅和应用内购买。 - **AnalyticsService**:追踪用户行为和性能指标。 - **NotificationService**:管理本地通知和推送通知。 - **WebSocketService**:实现实时通信功能。 ## 🧠 状态管理 使用 Redux Toolkit 管理全局状态,包含以下模块: - `authSlice`:用户认证状态。 - `chatSlice`:聊天会话状态。 - `notificationSlice`:通知状态。 - `settingsSlice`:应用设置状态。 - `subscriptionSlice`:订阅状态。 - `translateSlice`:翻译状态。 - `uiSlice`:UI 相关状态(如模态框、Toast)。 - `voiceSlice`:语音状态。 ## 🛠 初始化流程 应用启动时会执行以下初始化操作: 1. 加载应用设置。 2. 检查网络状态。 3. 设置设备信息。 4. 初始化订阅服务。 5. 初始化通知服务。 6. 初始化 WebSocket 连接。 7. 设置 WebSocket 事件处理器。 8. 初始化数据分析服务。 9. 预加载数据(如聊天历史、翻译历史、语音历史、使用统计)。 ## 📁 文件结构 ``` src/ ├── components/ # 可复用的 UI 组件 ├── navigation/ # 导航配置 ├── screens/ # 页面组件 ├── services/ # 网络请求和服务逻辑 ├── store/ # Redux 状态管理 ├── types/ # TypeScript 类型定义 ├── utils/ # 工具函数 └── App.tsx # 应用入口文件 ``` ## 📄 许可证 本项目采用 MIT 许可证。有关详细信息,请参阅 [LICENSE](LICENSE) 文件。 ## 📬 联系方式 如有任何问题或建议,请通过 [GitHub Issues](https://gitee.com/Martinkeep/ai-tools/issues) 提交反馈。