Expert mobile app builder for …

# React Native记账App开发方案

一、技术选型

• 框架：React Native（推荐 0.73+，搭配 TypeScript）
• 开发工具：VS Code + Android Studio + Xcode（iOS开发需Mac）
• 数据库：本地用 SQLite（react-native-sqlite-storage）或 WatermelonDB；如需云同步可加后端
• 状态管理：Zustand 或 Redux Toolkit
• 图表库：react-native-svg + victory-native-native，或 react-native-chart-kit 实现饼图

二、核心功能实现

1. 每日支出录入

• 表单组件：金额输入（数字键盘）、分类选择（餐饮/交通/购物等预设图标）、日期选择器（react-native-date-picker）、备注
• 数据结构建议：{ id, amount, category, date, note }
• 支持按日列表查看、编辑、删除记录

2. 月度分类饼图

• 按月份汇总各分类支出总额
• 用 SVG 绘制扇形图，附带图例（分类名+百分比）
• 支持左右滑动切换月份

3. 微信登录

• 使用 react-native-wechat-lib（开源库）接入微信开放平台
• 前置条件：需在微信开放平台注册开发者账号并创建移动应用，审核通过后获取 AppID
• 登录流程：拉起微信授权 → 获取 code → 后端换取 access_token → 返回用户信息
• 注意：iOS端微信SDK需配置 Universal Link

三、上架应用宝流程要点

1. 软件著作权：上架国内安卓商店通常需提供软著证书（可自行申请或找代理，周期约1-2个月）

2. 开发者账号：注册应用宝开放平台开发者账号，需企业或个人实名认证

3. 打包：RN打包生成 APK/AAB，注意签名证书妥善保管

4. 合规项：隐私政策弹窗、用户协议、App备案（工信部要求）、个人信息收集说明（微信登录涉及收集头像昵称，需声明）

5. 审核：提交后应用宝审核周期通常为几个工作日，常见被拒原因：隐私合规不完善、缺少软著

四、注意事项

• iOS若也需上架，走 App Store，审核更严格，微信SDK配置需仔细核对
• 微信开放平台移动应用审核需提供App已上线的证明材料，建议先完成App基本功能再申请
• 敏感数据（如消费记录）建议本地加密存储，云端同步需符合《个人信息保护法》

按此路径，单人开发最小可用版本预计数周可完成初版。