推薦7個Flutter重磅開源項目!

如今跨平臺開發技術的發展可謂如火如荼，而跨平臺中的雙雄則是ReactNative和Flutter。而由Google推出的Flutter目前的發展更可謂是如日中天，大有一統各端開發的架勢，以此給你們整理了一個優質的Flutter開源項目，幫助你們學習Flutter開發。
@[toc]

1.Flutter仿攜程App

（1）應用截圖：

（2）實現功能及特性

實現首頁、搜索、旅拍、個人四大模塊；
實現網絡圖片本地緩存；
旅拍模塊實現瀑布流佈局；
接口數據抓取攜程H5端；
集成友盟數據統計；

（3）項目結構：

依賴：

azlistview: ^0.1.2
cupertino_icons: ^0.1.2
cached_network_image: ^1.1.1
dio: ^3.0.3
flutter_swiper: ^1.1.6
flutter_staggered_grid_view: ^0.3.0
flutter_splash_screen: ^0.1.0
fluttertoast: ^3.1.3
flutter_webview_plugin: ^0.3.8
lpinyin: ^1.0.7
package_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/audioplayers
audioplayers: ^0.14.0
  #https://github: com/best-flutter/flutter_swiper
flutter_swiper: ^1.1.6
   #https://github.com/best-flutter/flutter_page_indicator
flutter_page_indicator: ^0.0.3
  #https://github.com/flutter/plugins/tree/master/packages/video_player
video_player:
  # https://github:com/brianegan/chewie:
chewie: ^0.9.5
  #https://github.com/flutterchina/azlistview
azlistview: ^0.1.2
  #https://github.com/flutterchina/lpinyin
lpinyin: ^1.0.9
  # https://github:com/fluttercandies/extended_text_field:
extended_text_field: ^0.5.0
url_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開發，便可​獲取。