实战:使用 Flutter 仿开眼视频App

实战:使用 Flutter 仿开眼视频App

《实战:使用 Flutter 仿开眼视频App》 image

简介

Eyepetizer 一直是我个人比较喜欢的app,之前有用原生模仿过开眼的一些效果,文章在这里,本次实践使用跨平台框架 Flutter 开发,对开眼 v4.2.2进行模仿。

用到的开源库

  • dio: ^0.0.10 –网络请求 地址
  • scoped_model: “^0.2.0” –状态管理 地址

Apk下载

下载地址

预览图片

首页关注
《实战:使用 Flutter 仿开眼视频App》 image 《实战:使用 Flutter 仿开眼视频App》 image
详情页通知
《实战:使用 Flutter 仿开眼视频App》 image 《实战:使用 Flutter 仿开眼视频App》 image
我的搜索
《实战:使用 Flutter 仿开眼视频App》 image 《实战:使用 Flutter 仿开眼视频App》 image
上拉加载更多Tabbar处理
《实战:使用 Flutter 仿开眼视频App》 image 《实战:使用 Flutter 仿开眼视频App》 image
关注吸顶效果最后
《实战:使用 Flutter 仿开眼视频App》 image 《实战:使用 Flutter 仿开眼视频App》 image

项目的地址

项目地址https://github.com/wtus/flutter_kaiyan

心得体会

  • 嵌套太深了,前期一定要注意组织整理一下,其实本Demo做的也不太好,但有点懒的改了,下一个Demo 好好控制一下吧[笑哭]。

  • Hot Reload 可以很大程度上提高开发效率,但有时会失效。

  • 性能没有刻意的和原生对比过,但是 release 之后运行速度的确是飞起。

  • 我用过 Weex ,做过H5混合开发,了解过RN,我觉得 Flutter 是十分优秀的。

  • 项目中早期有部分命名不规范的问题,危险动作,请勿学习。

一些说明

  • 视频播放功能没有做,试了几个方案效果都是不是很理想,之后再说
  • api 来自网络 ,【开眼】是一款每日精选视频应用的app,非官方版本,仅作学习交流之用,数据来源于开眼视频视频,数据接口均属于非正常渠道获取,请勿用于商业用途,原作公司拥有所有权利。

后语

之后会有一些教程讲解,欢迎关注。

关于我

    原文作者:wuhtt
    原文地址: https://www.jianshu.com/p/2c084d4862f1
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞