一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)

基于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来安装

每个模块对应的ui截图在下面 没有截全,可以下载apk或者运行项目看效果

首页模块主要包括微博列表的浏览,评论,发布微博,点赞,转发功能
视频模块主要是视频列表界面和视屏详情界面的展示
发现模块包括热搜和中间的banner以及底部的微博列表
消息模块主要实现了聊天界面收发不同类型消息的ui
我的模块则包含一些基本的功能例如退出登录,意见反馈 修改头像昵称等。
github地址是 :https://github.com/huangruiLearn/flutter_hrlweibo
希望对大家能够有帮助!

每个模块对应的ui展示效果如下图。

首页模块:
一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第1张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第2张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第3张图片
一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第4张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第5张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第6张图片一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第7张图片一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第8张图片一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第9张图片
一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第10张图片一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第11张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第12张图片
一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第13张图片

视频模块:

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第14张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第15张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第16张图片
一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第17张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第18张图片

发现模块:

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第19张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第20张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第21张图片
一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第22张图片

消息模块:

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第23张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第24张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第25张图片

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第26张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第27张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第28张图片

我的模块:

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第29张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第30张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第31张图片

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第32张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第33张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第34张图片

一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第35张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第36张图片 一款基于flutter的仿微博客户端(仿微博首页,视频页,聊天页面等)_第37张图片

主要使用到的一些三方库:

第三方库 功能 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

你可能感兴趣的:(android)