实战(使用|实战:使用 Flutter 仿开眼视频App)
实战:使用 Flutter 仿开眼视频App
文章图片
image 简介
Eyepetizer 一直是我个人比较喜欢的app,之前有用原生模仿过开眼的一些效果,文章在这里,本次实践使用跨平台框架 Flutter 开发,对开眼 v4.2.2进行模仿。
用到的开源库
- dio: ^0.0.10 --网络请求 地址
- scoped_model: "^0.2.0" --状态管理 地址
预览图片
首页 | 关注 |
---|---|
文章图片 image |
文章图片 image |
详情页 | 通知 |
文章图片 image |
文章图片 image |
我的 | 搜索 |
文章图片 image |
文章图片 image |
上拉加载更多 | Tabbar处理 |
文章图片 image |
image |
关注吸顶效果 | 最后 |
image | 文章图片 image |
心得体会
- 嵌套太深了,前期一定要注意组织整理一下,其实本Demo做的也不太好,但有点懒的改了,下一个Demo 好好控制一下吧[笑哭]。
- Hot Reload 可以很大程度上提高开发效率,但有时会失效。
- 【实战(使用|实战:使用 Flutter 仿开眼视频App)】性能没有刻意的和原生对比过,但是 release 之后运行速度的确是飞起。
- 我用过 Weex ,做过H5混合开发,了解过RN,我觉得 Flutter 是十分优秀的。
- 项目中早期有部分命名不规范的问题,危险动作,请勿学习。
- 视频播放功能没有做,试了几个方案效果都是不是很理想,之后再说
- api 来自网络 ,【开眼】是一款每日精选视频应用的app,非官方版本,仅作学习交流之用,数据来源于开眼视频视频,数据接口均属于非正常渠道获取,请勿用于商业用途,原作公司拥有所有权利。
关于我
- Email: hi54wht@163.com
- 博客: https://wuht.coding.me/
- 掘金: https://juejin.im/user/5a3127da5188251c11409f0a
- : https://www.jianshu.com/u/762002465748
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页,计算网页数据大小