美文网首页安卓flutterFlutter
使用Flutter重构斗鱼APP

使用Flutter重构斗鱼APP

作者: yukilzw | 来源:发表于2019-10-28 23:24 被阅读0次

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

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

    包含功能:

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

    APP截图:

    启动页
    首页
    下拉刷新,上拉加载
    直播间
    鱼吧
    图片预览器
    鱼吧列表,动态图片自适应
    登陆弹窗
    登录注册页
    地址选择(仿微信通信录首字母定位)
    抽奖游戏(系统通知)
    内嵌webView容器

    调试:

    服务端接口没有上云,如需本地启动该项目调试,可修改lib/base.dartDYBase.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:
    请使用Flutter SDK 1.9版本编译,并确保本地pub包版本与lock文件一致。
    建议使用安卓调试,IOS因开源第三方native插件没有设备测试过,无法保证所有版本功能正常工作,请谅解。

    相关文章

      网友评论

        本文标题:使用Flutter重构斗鱼APP

        本文链接:https://www.haomeiwen.com/subject/efuwuctx.html