推荐 4 个基于 Flutter 的重磅高仿开源项目

大家新年好呀，我是你们的猫哥，那个不喜欢吃鱼、又不喜欢喵的超级猫又回来啦 ~

相信大家过年都过得开心吧

过得开心，那么就开始学习了哈 ~

这里为你整理了 4 个 Flutter 优质的开源项目，希望对你有帮助。

斗鱼 APP

flutter 重构的斗鱼直播 APP
首页、娱乐为 Material 组件；直播间、鱼吧为纯自定义编写。
另外整合各类优质的第三方开源库，打造出原生 APP 丝滑的用户体验
尽可能接入更多功能，方法附带注释，帮助你在使用 flutter 进行开发新的应用提供实用的借鉴案例

应用截图

主要涵盖功能

这高防实现的功能就多了。

启动页广告位
开播列表上拉加载、下拉刷新、返回顶部
列表图片缓存加载优化
渐进式头部动画
底部导航切换保存页面状态
HTTP缓存、IO缓存
直播间webSocket消息弹幕、礼物
页面路由传值
RxDart全局消息通信封装
Bloc流式状态管理(启动页预加载首页数据)
礼物横幅动画队列
礼物特效全屏lottie
弹幕消息滚动
静态视频流
九宫格抽奖游戏
照片选择器
全屏、半屏webView
鱼吧头部手势动画
仿微信朋友圈图片控件
登录注册弹窗
国家区号列表(仿微信通讯录滑动首字母定位)
二维码扫码
本地通知推送

项目地址

https://github.com/yukilzw/dy_flutter

精仿抖音

仿写抖音的 flutter app。主要实现了看视频功能。

实现功能

上下刷视频，视频会自动加载封面
左右滑动去搜索与个人中心
双击冒爱心点赞
看评论
切换底部 Tabbar

应用截图

项目结构

依赖：

  flutter_spinkit: ^4.1.2# Bilibili开源的视频播放组件fijkplayer: ^0.8.3# 基础的透明动画点击效果tapped: any# map安全取值safemap: any

主要文件：

./lib
├── main.dart
├── mock
│   └── video.dart # 假数据
├── other
│   └── bottomSheet.dart # 修改了系统BottomSheet的高度
├── pages
│   ├── cameraPage.dart # 拍摄页（没有实际功能）
│   ├── followPage.dart  # 略
│   ├── homePage.dart # 主页面，包含tikTokScaffold的实际应用功能
│   ├── msgDetailListPage.dart # 略
│   ├── msgPage.dart # 略
│   ├── searchPage.dart # 略
│   ├── todoPage.dart # 略
│   ├── userDetailPage.dart # 略
│   ├── userPage.dart # 略
│   └── walletPage.d # 略
├── style
│   ├── style.dart # 全局文字大小与颜色
│   └── text.dart # 主要的几个文字样式
└── views├── backButton.dart # iOS形状的返回按钮组件├── loadingButton.dart # 可以设置为载入样式的按钮组件├── selectText.dart # 可设置为“选中”或者“未选中”样式的文字├── tikTokCommentBottomSheet.dart # 仿Tiktok评论样式├── tikTokHeader.dart # 仿Tiktok顶部切换组件├── tikTokScaffold.dart # 仿Tiktok核心脚手架，封装了手势与切换等功能，本身不包含UI内容├── tikTokVideo.dart # 仿Tiktok的视频UI样式封装，不包含视频播放├── tikTokVideoButtonColumn.dart # 仿Tiktok视频右侧的头像与点赞等按钮列的组件├── tikTokVideoGesture.dart # 仿Tiktok的双击点赞效果├── tikTokVideoPlayer.dart # 视频播放页面，带有控制滑动的VideoListController类├── tiktokTabBar.dart # 仿Tiktok的底部Tabbar组件├── tilTokAppBar.dart # 仿Tiktok的Appbar组件├── topToolRow.dart # 用户页面的顶部状态，在tab切换到user页面时隐藏返回按钮└── userMsgRow.dart # 一条用户信息的样式组件`