# flutter_test_QQ

**Repository Path**: HAN717/flutter_test_qq

## Basic Information

- **Project Name**: flutter_test_QQ
- **Description**: flutter学习制作的QQ界面，包括登录、信息列表、聊天、动态（调用新闻api）、个人中心等页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: wzh1019
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-10-19
- **Last Updated**: 2024-08-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🐧flutter_test_qq

这是一个使用flutter框架制作的模仿QQ界面项目

## 🌠主要界面及功能
- [x] 注册界面
  - [x] 注册QQ号、昵称、密码、头像
  - [x] QQ号判重、密码正则判断
- [x] 登录界面
  - [x] 记住密码
  - [x] 密码框内容的显示与隐藏
  - [x] 协议阅读确认框
- [X] 主页面
  - [x] 底部导航
  - [x] 顶部appbar展示昵称和头像
  - [x] 中间页面内容
- [x] 信息列表
  - [X] 接收的信息展示
- [X] 聊天详情页
  - [X] 发送按钮的隐藏与现实
  - [ ] 发送信息动态展示
- [X] 个人中心页面
  - [X] 用户密码修改
  - [x] 头像、昵称、背景展示
- [x] 小世界
  - [x] 天气api查询实时天气
- [x] 动态
  - [x] 天行新闻api获取每日新闻
  - [x] 下拉刷新、上拉加载更多
  
## 🌇界面截图
#### 1. 注册页面
![注册](https://img-blog.csdnimg.cn/625afe7d84f147ad8843af90211a8f24.png)
#### 2. 登录页面
![登录](https://img-blog.csdnimg.cn/69a05b025ce94fb1a5424d3d724db7ed.png)
#### 3. 小世界
![小世界](https://img-blog.csdnimg.cn/7eb4a0f132764570aa9bea8c201029eb.png)
#### 4. 动态
![动态](https://img-blog.csdnimg.cn/febb38c5fe724290988faf5e35df9639.png)
#### 5. 个人页面
![个人页面](https://img-blog.csdnimg.cn/4a53e68c9ca741dba7b3c628c0d62993.png)
#### 6. 聊天详情页
![聊天详情页](https://img-blog.csdnimg.cn/76f9e7e9215049569e5edc8a7f10ee1d.png)
#### 7. 新闻详情页
![新闻详情页](https://img-blog.csdnimg.cn/ec50a54624f8448190b566f972989c44.png)

## 🔗环境依赖
- cupertino_icons: ^1.0.2
- sqflite: 2.2.0+2
- fluttertoast: ^8.1.1
- http: 0.13.0
- shared_preferences: ^2.0.5
- flutter_webview_plugin: ^0.4.0
- cached_network_image: ^3.2.2
- flutter_launcher_name: ^0.0.1