实战：使用 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

转载于:https://juejin.im/post/5b4f40e3e51d451907696604

实战：使用 Flutter 仿开眼视频App相关推荐

基于Flutter实现的仿开眼视频App
flutter_eyepetizer 这是一款基于 Google Flutter 实现的一款仿开眼视频 App. 背景从 Google 在 2018.02 的世界移动大会上正式推出首个 Flutte ...
Android入门开源项目之仿开眼视频APP
开眼短视频(OpenEyes) 仿照(开眼视频)Android端(旧版UI,新版UI已改变)做的一个App,每天更新一个精美短视频应用,一个非常美的短视频应用,UI界面基本上是参照开眼视频Androi ...
微信小程序模仿开眼视频app（一）——视频首页、视频详情、分类
可到我的github账号上去copy文件先展示一下我实现了的功能吧提示,如果有出现无法加载域名之类问题的的,可以在"设置"-"项目设置"-打钩"不 ...
微信小程序模仿开眼视频app（二）——搜索功能
微信小程序模仿开眼视频app(一)有介绍首页.视频详情和分类部分可到我的github账号上去copy文件搜索部分一开始没想要设置历史记录啊.热门搜索啊这些的,只是想把搜索框弄好看一点,无意中发现 ...
Flutter 仿滴滴出行App
作者:Sky24n 链接:https://www.jianshu.com/p/f6d1206aa80a 绿色出行 Flutter 仿滴滴出行App 地图:采用高德地图,仅简单完成了部分功能,基础地图, ...
微信小程序模仿开眼视频app（三）——信息卡片瀑布流和分类
<微信小程序模仿开眼视频app(一)--视频首页.视频详情.分类> <微信小程序模仿开眼视频app(二)--搜索功能> 可到我的github账号上去copy文件瀑布流部分文 ...
uniapp实战项目（仿知识星球App) - - 配置开发工具和全局css样式
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 自定义顶部导航栏和登录弹窗组件
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 效果篇
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...