huangruiLearn/flutter_hrlweibo

技術主題

# flutter # dart # weibo # chat

使用的依賴

依賴清單 29 項

flutter{"sdk":"flutter"}
shared_preferences^2.0.15
provider^6.0.3
cupertino_icons^1.0.5
audioplayers^1.0.1
dio^4.0.6
json_annotation^4.4.0
card_swiper^2.0.4
flutter_page_indicator^0.0.3
video_player^2.4.7
chewie^1.3.4
azlistview^2.0.0
lpinyin^2.0.2
extended_text_field^10.1.1
url_launcher5.3.0
extended_nested_scroll_view^5.1.3
uuid3.0.1
flutter_screenutil^0.5.2
fluttertoast^8.0.9
synchronized^2.1.0
event_bus^2.0.0
fluro^2.0.3
image_picker^0.8.5
flutter_keyboard_visibility^5.3.0
permission_handler^10.0.0
flutter_record_plugin{"git":{"url":"https://github.com/huangruiLearn/flutter_record_plugin.git","ref":"c8dfed9c235174b223b1ab9dcaeb894bfaadabad"}}
flutter_test開發依賴{"sdk":"flutter"}
build_runner開發依賴^2.0.0
json_serializable開發依賴^6.3.1

所在榜單

Popular#108

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

展開 / 收合專案 README

基于flutter的仿微博客户端

仿微博最新版本,还原微博80%的界面,总共涉及到了几十个界面和接口,用到了flutter中的大部分组件

分为首页视频发现消息我的五个模块

登录的时候测试账号可以随便选一个

账号1:test1 密码:123

账号2:test2 密码:123

账号3:test3 密码:123

账号4:test4 密码:123

账号5:test5 密码:123

apk下载地址 https://www.pgyer.com/lrhP

或者直接下载完项目找到apk目录下app-release.apk来安装

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

感觉有帮助的话就给个start吧，我会持续更新完善这个项目！

本地编译的话可以把android ios目录删掉重新执行flutter create . 从新创建一下

基础环境

Flutter version 3.0.5

首页模块:

https://img-blog.csdnimg.cn/20200504224650925.jpghttps://img-blog.csdnimg.cn/20200504224650951.jpghttps://img-blog.csdnimg.cn/20200504224650950.jpghttps://img-blog.csdnimg.cn/20200504224650906.jpg https://img-blog.csdnimg.cn/20200504224650902.jpg https://img-blog.csdnimg.cn/20200504224650910.jpghttps://img-blog.csdnimg.cn/20200504224650882.jpghttps://img-blog.csdnimg.cn/20200504224650767.jpg https://img-blog.csdnimg.cn/20200504224650682.jpghttps://img-blog.csdnimg.cn/20200504224650815.jpghttps://img-blog.csdnimg.cn/20200504224650652.jpg https://img-blog.csdnimg.cn/20200504224650825.jpg https://img-blog.csdnimg.cn/20200504232551188.jpg

视频模块:

https://img-blog.csdnimg.cn/20200504230046204.jpg https://img-blog.csdnimg.cn/2020050423004610.jpg https://img-blog.csdnimg.cn/20200504230046175.jpg https://img-blog.csdnimg.cn/20200504230046183.jpg https://img-blog.csdnimg.cn/20200504230045948.jpg

发现模块:

https://img-blog.csdnimg.cn/20200504230628216.jpg https://img-blog.csdnimg.cn/20200504230628182.jpg https://img-blog.csdnimg.cn/20200504230628149.jpg https://img-blog.csdnimg.cn/20200504230628156.jpg

消息模块:

https://img-blog.csdnimg.cn/20200504231323925.jpg https://img-blog.csdnimg.cn/20200504231152810.jpg https://img-blog.csdnimg.cn/20200504231152837.jpghttps://img-blog.csdnimg.cn/20200504231152808.jpg https://img-blog.csdnimg.cn/20200504231152876.jpg https://img-blog.csdnimg.cn/20200504231152827.jpg

我的模块:

https://img-blog.csdnimg.cn/20200504232156561.jpg https://img-blog.csdnimg.cn/20200504232156552.jpg https://img-blog.csdnimg.cn/20200504232156594.jpghttps://img-blog.csdnimg.cn/20200504232156466.jpg https://img-blog.csdnimg.cn/20200504232156605.jpg https://img-blog.csdnimg.cn/20200504232156525.jpg https://img-blog.csdnimg.cn/20200504232156519.jpg https://img-blog.csdnimg.cn/20200504232156486.jpg https://img-blog.csdnimg.cn/20200504232156430.jpg

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

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

huangruiLearn ↗

技術主題

使用的依賴

所在榜單

原始 README