基于flutter的仿微博客户端
2020-05-10 本文已影响0人
huangLearn
基于flutter的仿微博客户端
在学习了flutter之后,写了一个仿微博最新的10.4.0版本, 还原微博80%的界面
总共涉及到了几十个界面和接口,用到了flutter中的大部分组件
该项目分为首页 视频 发现 消息 我的五个模块
登录的时候测试账号可以随便选一个
账号1:test1 密码:123
账号2:test2 密码:123
账号3:test3 密码:123
账号4:test4 密码:123
账号5:test5 密码:123
apk下载地址 https://www.pgyer.com/g95X 密码 123456
或者直接到github下载完项目找到apk目录下app-release.apk来安装
github地址是 :https://github.com/huangruiLearn/flutter_hrlweibo
希望对大家能够有帮助！
每个模块对应的ui截图在下面 没有截全,可以下载apk或者运行项目看效果
功能
首页模块： 微博列表的浏览,评论,发布微博,点赞,转发功能
视频模块： 视频列表界面,视屏详情界面
发现模块: 热搜,banner，微博列表,话题显示
消息模块: 聊天界面收发不同类型消息的ui
我的模块： 关注,取消关注,修改头像昵称,意见反馈,退出登录等。
基础环境
Flutter 1.12.13+hotfix.7 • channel stable
Dart 2.7.0
首页
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
视频
|
|
|
|---|---|---|
|
|
发现
|
|
|
|---|---|---|
|
消息
|
|
|
|---|---|---|
|
|
|
|
|
|
我的
|
|
|
|---|---|---|
|
|
|
|
|
|
主要使用到的一些三方库:
| 第三方库 | 功能 | github地址 |
|---|---|---|
| dio | 网络请求 | https://github.com/flutterchina/dio |
| flutter_swiper | 轮播图 | https://github.com/best-flutter/flutter_swiper |
| video_player | 视频播发 | https://github.com/flutter/plugins/tree/master/packages/video_player |
| chewie | 视频播放 | https://github:com/brianegan/chewie |
| fluro | 路由跳转 | https://github.com/theyakka/fluro |
| permission_handler | 权限处理 | https://github.com/Baseflow/flutter-permission-handler |
| keyboard_visibility | 键盘显示隐藏 | https://github.com/adee42/flutter_keyboard_visibility |
| audio_recorder | 录音 | https://pub.flutter-io.cn/packages/audio_recorder |
| audioplayers | 声音播放 | https://github.com/luanpotter/audioplayers |
| extended_text_field | @ #在textfield中的处理 | https://github.com/fluttercandies/extended_text_field |
