huangruiLearn/flutter_hrlweibo
Flutter로 만든 웨이보 클론 앱. 홈, 영상, 발견, 메시지(웨이보 채팅 인터페이스 모방), 개인 센터 모듈 포함
- Stars
- 2.9천
- Forks
- 686
- 최근 푸시(UTC)
- 2024. 5. 22.
- 프로젝트 상태
- 활성
기술 주제
사용 중인 의존성
의존성 목록 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_launcher
5.3.0 - extended_nested_scroll_view
^5.1.3 - uuid
3.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
순위
원본 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 |