「开眼」是一款充满设计感的精品短视频应用。汇聚全球优质的短视频内容，推荐创意的短视频作品，从视觉到脑洞，带给用户全方位的惊喜与享受。
开眼视频 Flutter 高仿版 是基于「开眼」非开放 API 、使用 Flutter 开发。
项目源码: https://github.com/mmtou/eyepetizer_flutter
下载体验: https://fir.im/eyepetizer
- 静态启动图
- 首页
- 分类查询
- 视频详情
- 图片预览
- 相关推荐
- 查询评论
- 分享
- 登录
- 评论
- 性能优化
- 全局Toast轻提示/loading，在初始化
MaterialApp时包上Toast组件，实现无context的Toast、Loading等。
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BotToastInit(
child: MaterialApp(
title: '开眼视频',
theme: ThemeData(
primarySwatch: Colors.blueGrey,
primaryColor: Color(0xFF2E3034),
indicatorColor: Colors.white,
),
navigatorObservers: [BotToastNavigatorObserver()],
home: Index(),
));
}
}- 基于
dio的网络请求封装，拦截器在发起请求前可以 处理请求参数、在header中添加令牌等信息；在接收到服务器响应后，可以判断httpStatus、响应体的code等，做出响应处理。
class Http {
Dio _dio;
Http() {
if (_dio == null) {
_dio = Dio(
BaseOptions(
baseUrl: Constant.host,
connectTimeout: 5000,
receiveTimeout: 3000,
headers: {
'User-Agent': 'eyepetizer_flutter/1.0.0',
'Accept': '*/*',
'Cache-Control': 'no-cache',
'Host': 'baobab.kaiyanapp.com',
'Accept-Encoding': 'gzip, deflate, br',
'Connection': 'keep-alive'
},
),
);
_dio.interceptors
.add(InterceptorsWrapper(onRequest: (RequestOptions options) async {
// 判断参数、添加令牌等
return options;
}, onResponse: (Response response) async {
// 处理响应内容
return response; // continue
}, onError: (DioError e) async {
BotToast.showText(text: '服务器异常');
return e;
}));
}
}
Future get(uri, {queryParameters}) async {
try {
Response response = await _dio.get(uri, queryParameters: queryParameters);
return response.data;
} catch (e) {
print(e);
}
}
}- 下拉刷新、上拉加载更多，支持多种炫酷的加载效果
EasyRefresh(
child: ListView(...),
header:
BezierCircleHeader(backgroundColor: Theme.of(context).primaryColor),
footer:
BezierBounceFooter(backgroundColor: Theme.of(context).primaryColor),
onRefresh: () async {
// 下拉刷新
},
onLoad: () {
// 上拉加载更多
},
);- dio 是一款由 flutterchina 开发的http client插件，和大前端的
axios可以媲美。 - bot_toast是一款方便的不需要每次传context的Toast插件。
- photo_view是一款图片预览、缩放的插件。
- flutter_ijkplayer是一款通过纹理方式接入 bilibili/ijkplayer 的视频播放插件。
- flutter_easyrefresh是一款强大的多风格的下拉刷新插件。
- cached_network_image是一款带缓存的网络图片插件。
- Android Launcher icon generator 一款在线快速生成安卓 icon 的工具
- Flutter国内插件库，速度会比
https://pub.dev更快 Charles是一款方便的抓包工具，开眼的API可以通过Charles直接抓到
git clone https://github.com/mmtou/eyepetizer_flutter
cd eyepetizer_flutter
flutter pub get
`Android Studio / VS Code`运行- 动手写过一些代码后发现 Flutter 和 Vue 编码效率不相上下（有些时候可能会消耗好多时间找问题解决方案）
- Flutter 的组件实在是太多了，需要花费一定时间了解
- 官方插件不太完善，经常会有些功能需要找第三方插件
- google开发，发展势头不错
只争朝夕，不负韶华~
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent