使用Flutter重构斗鱼APP
- 2020 年 12 月 6 日
- 笔记
Github源码地址：//github.com/yukilzw/dy_flutter
斗鱼Flutter
flutter重构的斗鱼直播APP
首页、娱乐为Material组件；直播间、鱼吧为纯自定义编写。
另外整合各类优质的第三方开源库，打造出原生APP丝滑的用户体验
尽可能接入更多功能，方法附带注释，帮助你在使用flutter进行开发新的应用提供实用的借鉴案例
包含功能：
- 启动页广告位
- 开播列表上拉加载、下拉刷新、返回顶部
- 列表图片缓存加载优化
- 渐进式头部动画
- 底部导航切换保存页面状态
- HTTP缓存、IO缓存
- 直播间webSocket消息弹幕、礼物
- 页面路由传值
- RxDart全局消息通信封装
- Bloc流式状态管理(启动页预加载首页数据)
- 礼物横幅动画队列
- 礼物全屏svga特效
- 弹幕消息滚动
- 静态视频流
- 九宫格抽奖游戏
- 照片选择器
- 全屏、半屏webView
- 鱼吧头部手势动画
- 仿微信朋友圈图片控件
- 登录注册弹窗
- 国家区号列表(仿微信通讯录滑动首字母定位)
- 二维码扫码
- 本地通知推送
- …
- 持续增加中
APP截图：
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
本地调试：
flutter run --release打包发布版本预览
APP所有数据均来源Mock网络请求，服务端接口没有上云，可修改lib/base.dart中DYBase.baseHost为你的电脑IP，并确保手机与电脑在同一局域网且能访问内网1236端口
然后clone服务端仓库，本地启动服务器
Mock服务为python tornado，两种简单启动方式可选(1.在py3.6+环境下pip依赖，2.使用Docker镜像)，具体参考其README
入门推荐：
Dart语法 – 语法中文教程
Flutter中文网 – 简单易懂的入门教程
Flutter实战 – 较为全面的进阶教程
Dart SDK（EN） – flutter中可用的SDK
Flutter官网（EN） – 可查阅全部的API与SDK相关
Bloc（EN） – 全局状态管理
