当初跨平台开发技术的倒退堪称热火朝天，而跨平台中的双雄则是ReactNative和Flutter。而由Google推出的Flutter目前的倒退更堪称是如日中天，大有一统各端开发的架势，以此给大家整顿了一个优质的Flutter开源我的项目，帮忙大家学习Flutter开发。
@[toc]
1.Flutter仿携程App
（1）利用截图：
（2）实现性能及个性
实现首页、搜寻、旅拍、我的四大模块；
实现网络图片本地缓存；
旅拍模块实现瀑布流布局；
接口数据抓取携程H5端；
集成友盟数据统计；
（3）我的项目构造：
依赖：
azlistview: ^0.1.2cupertino_icons: ^0.1.2cached_network_image: ^1.1.1dio: ^3.0.3flutter_swiper: ^1.1.6flutter_staggered_grid_view: ^0.3.0flutter_splash_screen: ^0.1.0fluttertoast: ^3.1.3flutter_webview_plugin: ^0.3.8lpinyin: ^1.0.7package_info: ^0.4.0+6(4)我的项目地址：
Github地址：https://github.com/wkl007/flu...
2.Flutter仿微博客户端
（1）利用截图：
（2）实现性能：
仿微博最新版本,还原微博80%的界面,总共波及到了几十个界面和接口,用到了flutter中的大部分组件
分为首页 视频 发现 音讯 我的五个模块
（3）依赖：
cupertino_icons: ^0.1.2 #https://github.com/luanpotter/audioplayersaudioplayers: ^0.14.0 #https://github: com/best-flutter/flutter_swiperflutter_swiper: ^1.1.6 #https://github.com/best-flutter/flutter_page_indicatorflutter_page_indicator: ^0.0.3 #https://github.com/flutter/plugins/tree/master/packages/video_playervideo_player: # https://github:com/brianegan/chewie:chewie: ^0.9.5 #https://github.com/flutterchina/azlistviewazlistview: ^0.1.2 #https://github.com/flutterchina/lpinyinlpinyin: ^1.0.9 # https://github:com/fluttercandies/extended_text_field:extended_text_field: ^0.5.0url_launcher: 5.3.0 # https://github: com/fluttercandies/extended_nested_scroll_view:extended_nested_scroll_view: ^0.4.0(4)我的项目地址：
Github地址：https://github.com/huangruiLe...
3.Flutter仿抖音App
（1）利用截图：
（2）实现性能：
高低刷视频，视频会主动加载封面
左右滑动去搜寻与集体核心
双击冒爱心点赞
看评论
切换底部Tabbar
（3）我的项目构造：
依赖：
# 加载动画库(如同改版之后就没用到了)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 # 一条用户信息的款式组件(4)我的项目地址：
GitHub仓库地址：https://github.com/mjl0602/fl...
4.Flutter仿斗鱼App
（1）利用截图：
（2）实现性能：
flutter重构的斗鱼直播APP
首页、娱乐为Material组件开发；直播间、鱼吧为纯自定义编写。
启动页广告位
开播列表上拉加载、下拉刷新、返回顶部
列表图片缓存加载优化
渐进式头部动画
底部导航切换保留页面状态
HTTP缓存、IO缓存
直播间webSocket音讯弹幕、礼物
页面路由传值
RxDart全局音讯通信封装
Bloc流式状态治理(启动页预加载首页数据)
礼物横幅动画队列
礼物全屏svga特效
弹幕音讯滚动
动态视频流
九宫格抽奖游戏
照片选择器
全屏、半屏webView
鱼吧头部手势动画
仿微信朋友圈图片控件
登录注册弹窗
国家区号列表(仿微信通讯录滑动首字母定位)
二维码扫码
本地告诉推送
...
继续减少中
（3）我的项目地址：
GitHub仓库地址：https://github.com/yukilzw/dy...
5.Flutter仿开源中国客户端App
（1）利用截图：
iOS
Android
（2）实现性能：
登录（应用osc账号）
查看资讯（未登录即可查看）
查看、回复、发表、评论动弹（须要登录）
动弹小黑屋（须要登录）
“发现”局部的性能基本上都是用H5实现
资讯列表、动弹列表、评论列表反对下拉刷新或分页加载
反对主题切换（入口在侧滑菜单-设置-切换主题）
动弹中的图片预览暂未实现
摇一摇、“我的”页面性能临时没实现
（3）我的项目地址：
Github地址：https://github.com/yubo725/fl...
6.Flutter仿豆瓣客户端App
（1）利用截图：
（2）实现性能：
首页 pages/home
homo_app_bar.dart 首页导航头
home_page.dart 首页
my_home_tab_bar.dart 首页tab
书影音 pages/movie
book_audio_video_page.dart 书影音页面
detail_page.dart 影片、电视详情页面
person_detail_page.dart 演员页面介绍
小组 pages/group
市集 shop_page.dart
市集的数据应用两个webview
我的 page/person
（3）我的项目地址：
Github地址：https://github.com/kaina404/F...
7.闲鱼技术实际开源
阿里的咸鱼技术团队在国内进行Flutter技术钻研是比拟早的，当初咸鱼APP中的许多模块也是采纳了Flutter进行开发，同时也开源了很多技术框架以及相应的技术文档。
去年咸鱼团队公布了《Flutter in action》电子书，总结了在咸鱼APP开中的实践经验，当初又进行思考翻新重新整理的升级版的文档，公布了《Flutter技术解析与实战》。
目前本书的电子版凋谢下载(30M左右 ，请开启wifi环境)，我曾经帮大家下载好了。
大家能够依照上面步骤进行获取：
1.保留并用微信扫码二维码，关注君伟说。
2.回复：Flutter开发，即可获取。