Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

chenyinghong/dy_flutter

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

113 Commits
113 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

斗鱼APP

Flutter

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

包含功能:

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

APP截图:

调试:

服务端接口没有上云,如需本地启动该项目调试,可修改lib/base.dartDYBase.baseHost为内网本机IP,并确保手机与电脑在同一局域网
然后clone服务端仓库,安装python3.6
进入./py/tornado文件夹路径执行pip install tornado requests安装依赖,python main.py启动接口服务端

建议:

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

入门推荐:

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

dy_flutter为个人项目,仅用作学习交流

About

斗鱼直播APP 🚀 多元化Flutter开源项目。涵盖自定义编写UI交互、手势动画的方式,还原复杂应用的真实数据流场景。(另提供服务端Mock接口)

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.