實戰：使用 Flutter 仿開眼視頻App

簡介

Eyepetizer 一直是我我的比較喜歡的app，以前有用原生模仿過開眼的一些效果，文章在這裏，本次實踐使用跨平臺框架 Flutter 開發，對開眼 v4.2.2進行模仿。

用到的開源庫

• dio: ^0.0.10 --網絡請求 地址
• scoped_model: "^0.2.0" --狀態管理 地址

Apk下載

下載地址

預覽圖片

首頁	關注
詳情頁	通知
個人	搜索
上拉加載更多	Tabbar處理
關注吸頂效果	最後

項目的地址

項目地址：https://github.com/wtus/flutter_kaiyan

心得體會

• 嵌套太深了，前期必定要注意組織整理一下，其實本Demo作的也不太好，但有點懶的改了，下一個Demo 好好控制一下吧[笑哭]。

• Hot Reload 能夠很大程度上提升開發效率，但有時會失效。

• 性能沒有刻意的和原生對比過，可是 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