使用Flutter重构斗鱼APP

Github源码地址：https://github.com/yukilzw/dy_flutter

flutter重构的斗鱼直播APP
首页、娱乐为Material组件开发；直播间、鱼吧为纯自定义编写
另外整合各类优质的第三方开源库，打造出原生APP丝滑的用户体验
尽可能接入更多功能，方法附带注释，帮助你在使用flutter进行开发新的应用提供实用的借鉴案例

包含功能：

• 启动页广告位
• 开播列表上拉加载、下拉刷新、返回顶部
• 列表图片缓存加载优化
• 渐进式头部动画
• 底部导航切换保存页面状态
• HTTP缓存、IO缓存
• 直播间webSocket消息弹幕、礼物
• 页面路由传值
• RxDart全局消息通信封装
• Bloc流式状态管理(启动页预加载首页数据)
• 礼物横幅动画队列
• 弹幕消息滚动
• 静态视频流
• 九宫格抽奖游戏
• 照片选择器
• 全屏、半屏webView
• 鱼吧头部手势动画
• 仿微信朋友圈图片控件
• 登录注册弹窗
• 国家区号列表(仿微信通讯录滑动首字母定位)
• 二维码扫码
• 本地通知推送
• ...
• 持续增加中

APP截图：

启动页

首页

下拉刷新，上拉加载

直播间

鱼吧

图片预览器

鱼吧列表，动态图片自适应

登陆弹窗

登录注册页

地址选择（仿微信通信录首字母定位）

抽奖游戏（系统通知）

内嵌webView容器

调试：

服务端接口没有上云，如需本地启动该项目调试，可修改lib/base.dart中DYBase.baseHost为内网本机IP（端口不要改!），并确保手机与电脑在同一局域网
然后clone服务端仓库，本地启动服务器
Mock服务为python tornado，两种简单启动方式可选(1.安装py3.6与pip依赖，2.使用Docker镜像)，具体参考其README

建议：

使用Material自带的widget进行搭配使用，已经能满足绝大部分场景的开发需求
但是在企业级APP高度UI交互定制化的场景下，仍需要根据业务场景重新实现诸如AppBar、TabView等widget，并编写手势交互

入门推荐：

Dart语法
Dart SDK
Flutter中文网 - 简单易懂的入门教程
Flutter实战 - 较为全面的进阶教程
Flutter官网（英） - 可查阅全部的API与SDK相关
Bloc（英） - 全局状态管理(除此之外也可选用redux或原生InheritedWidget)

dy_flutter为个人项目，仅供学习借鉴用

PS：建议使用安卓调试，IOS因开源第三方native插件支持有限，我也不太懂IOS开发，无法保证所有版本功能正常工作，请谅解