🌲 树洞 APP

匿名倾诉 · 温暖互动 · 用心守护

📱 项目概述

一款支持 Android + 微信小程序 的树洞应用，基于 React Native 构建，代码可复用至小程序端。

🎯 功能清单

已实现

• 登录系统：微信一键登录 + 账号密码双模式
• 首页/发现：帖子流、热门排序、8分类标签筛选（情感/工作/生活/学习/健康/其他）
• 发帖功能：文字（1000字）+ 图片（最多9张）+ 文件（附件）+ 语音（最长60s）
• 匿名/实名切换：发帖时和评论时均可切换
• 帖子详情：图片/文件/语音展示、评论树状回复
• 点赞系统：帖子点赞、评论点赞、实时更新
• 评论互动：发评论、回复评论、匿名评论
• 私信功能：会话列表 + 实时聊天界面 + 未读红点
• 举报机制：6类举报原因、举报弹窗
• 个人中心：资料编辑、我的内容、隐私设置、退出登录

🏗️ 技术栈

层级	技术
框架	React Native 0.73
状态管理	Zustand
导航	React Navigation 6 (Stack + BottomTabs)
样式	StyleSheet (纯 JS 样式)
图片上传	react-native-image-picker
文件选择	react-native-document-picker
语音录制	react-native-audio-recorder-player
日期处理	dayjs
HTTP 请求	axios

📁 项目结构

treehouse-app/
├── App.tsx                   # 入口
├── package.json              # 依赖
└── src/
    ├── screens/              # 页面
    │   ├── LoginScreen.tsx   # 登录
    │   ├── HomeScreen.tsx    # 首页
    │   ├── CreatePostScreen.tsx  # 发帖
    │   ├── PostDetailScreen.tsx  # 详情
    │   ├── MessageScreen.tsx     # 私信
    │   └── ProfileScreen.tsx     # 我的
    ├── navigation/
    │   └── index.tsx         # 路由配置
    ├── store/
    │   └── index.ts          # Zustand 状态管理
    └── theme/
        └── index.ts          # 设计 Token

🚀 快速开始

环境要求

• Node.js >= 16
• React Native CLI
• Android Studio（配置 Android SDK）
• JDK 17

安装步骤

# 1. 进入项目目录
cd d:\workbuddy_data\treehouse-app

# 2. 安装依赖
npm install

# 3. 链接原生模块
npx react-native link

# 4. 运行到 Android 设备/模拟器
npx react-native run-android

# 5. 打包 Release APK
cd android && ./gradlew assembleRelease

连接真机（Android）

1. 开启手机「开发者选项」→ 「USB 调试」
2. 用数据线连接电脑
3. 运行 adb devices 确认设备在线
4. 执行 npx react-native run-android

🎨 设计规范

颜色	用途
#2E7D5E	主色（树洞绿）
#4CAF7D	主色高亮
#FF8C61	强调色（温暖橙）
#F5F3EF	背景（米白）
#E74C3C	错误/点赞激活

🔮 后续扩展

• 接入真实微信 SDK（react-native-wechat）
• 对接云开发/云存储（图片/文件实际上传）
• 推送通知（Firebase FCM）
• 内容审核（接入腾讯云内容安全 API）
• 微信小程序适配（Taro/uni-app 改造）

---

树洞 App | 让每颗心都有倾诉的地方 🌲