实战：使用 Flutter 仿开眼视频App
2018-07-18 本文已影响15人
wuhtt
实战：使用 Flutter 仿开眼视频App
image
简介
Eyepetizer 一直是我个人比较喜欢的app，之前有用原生模仿过开眼的一些效果，文章在这里，本次实践使用跨平台框架 Flutter 开发，对开眼 v4.2.2进行模仿。
用到的开源库
Apk下载
预览图片
| 首页 | 关注 |
|---|---|
image
|
image
|
| 详情页 | 通知 |
image
|
image
|
| 我的 | 搜索 |
image
|
image
|
| 上拉加载更多 | Tabbar处理 |
image
|
image
|
| 关注吸顶效果 | 最后 |
image
|
image
|
项目的地址
项目地址：https://github.com/wtus/flutter_kaiyan
心得体会
-
嵌套太深了，前期一定要注意组织整理一下，其实本Demo做的也不太好，但有点懒的改了，下一个Demo 好好控制一下吧[笑哭]。
-
Hot Reload 可以很大程度上提高开发效率，但有时会失效。
-
性能没有刻意的和原生对比过，但是 release 之后运行速度的确是飞起。
-
我用过 Weex ，做过H5混合开发，了解过RN，我觉得 Flutter 是十分优秀的。
-
项目中早期有部分命名不规范的问题，危险动作，请勿学习。
一些说明
- 视频播放功能没有做，试了几个方案效果都是不是很理想，之后再说
- api 来自网络 ，【开眼】是一款每日精选视频应用的app，非官方版本，仅作学习交流之用，数据来源于开眼视频视频，数据接口均属于非正常渠道获取，请勿用于商业用途，原作公司拥有所有权利。
后语
之后会有一些教程讲解，欢迎关注。
