Flutter進階 | Flutter 優質練手項目以及優質插件

本篇文章中有不少精美的 Flutter UI 上手練習項目和優質插件，給各位入門 Flutter 後的小夥伴學習和借鑑。作出適合中國開發者的本地化插件。

JSONFormat4Flutter:將 JSONObject 格式的 String 解析成 dart 語言的實體類

在使用 Flutter 的過程當中，必不可少的要和 JSON 打交道，JSONFormat4Flutter 借鑑了 GsonFormat 的成功經驗，能夠快速的把 JSON 數據解析成 Dart 語言的實體類，使你在使用 Dart 編程時，沒必要由於數據格式轉換而煩惱。歡迎 Star 和 Pull Request。

DroidKaigi

這個項目是2018年2月8日-2月9日在日本舉行的 DroidKaigi 開發者大會時製做的非官方 App，是日本開發者對 Flutter 進行的實踐。主要功能有：

• 查看全部會議的內容以及時間表
• 添加喜歡的會議到收藏
• 查看會場地圖

這是一個有實際用途的 Flutter 應用，有很高的學習和模仿價值。

The Flutter Planets app tutorial with commits per lesson

手把手教你使用 Flutter 製做一個星球 App，README 中有6篇詳細的教程，若是你感受模仿 DroidKaigi 應用有點難度，那麼你能夠按照這 6 篇教程，一步步的完成本身的第一個 Flutter 應用。

A working Instagram clone written in Flutter using Firebase / Firestore

使用 Flutter 和 Firebase 克隆 instagram。這是真正可使用的 App，照片能夠存儲在 FireStore，能夠詳細看一看這個 App 佈局部分，怎樣優化才能和原生 instagram 佈局徹底相同。

Flutter Music Player

基於 Material Design 風格設計，在製做這個應用的過程當中使用了 Flutter 插件用於抓取歌曲和音樂播放。這個音樂是存貯在 Firebase 上，在中國能夠爬取現有的音樂接口進行替換。

lime: Lime client built using flutter

這是使用 Flutter 製做的一個社交 App，做者使用的是2017年5月25日的 Flutter 版本，目前項目做者已經不在維護，可是對於學習 Flutter 的咱們，仍是有頗有借鑑意義的。做者寫了一篇文章用於介紹如何製做這個 App。

menu_flutter: 🍝 restaurant menu app made with flutter

這應該是全部 App 中最簡單的一個，這個菜單 App 包括一下幾個特色：

• 背景顏色隨着 PageView 的改變而改變
• 能夠修改食物價格和數量
• 實現了 PageView 的動畫
• 自定義 PageView 陰影效果

是一個很是不錯的練手項目。

FlutterCinematic: Flutter clone of my "Cinematic" App

這個 App 是克隆了 Cinematic 的一部分，接口使用的是 TMDB API ，重點能夠放在模仿信息流的佈局上。

FlutterWhatsAppClone: Building a WhatsApp Clone in Flutter

克隆的 WhatsApp，應用經過 Firebase 的認證系統進行認證，使用 Firebase 實時數據庫實現數據實時互通。

Flutter UI Challenges

使用 Flutter 實現界面交互上的一些優美動畫效果，項目中包含了用戶製做的3個 UI 動畫效果，每個都是至關優美的動畫。

我在尋找這些 Demo 的過程當中，發現一些由第三方開發者爲 Flutter 開發的應用插件，在這裏一樣分享給你們

A Flutter Plugin to get location, handling callbacks to get continuous location

一個法國的開發者爲 Flutter 編寫的獲取地理位置的插件，基於 Google 地圖。主要包括兩個功能：獲取當前的地理位置；監聽當前的地理位置，根據當前地理位置的改變而自動刷新經緯度信息。目前該項目已經在 pub.dartlang.org 上線。

flutter_webview_plugin

讓 Flutter 和系統的 Webview 進行通訊。

sqflite: SQLite flutter plugin

Flutter 版本的 SQLlite 插件

flutter_blue: Bluetooth plugin for Flutter

Flutter 版本的藍牙插件

這就是我在學習 Flutter 過程當中看到的很不錯的練手項目和插件。但願大家可以喜歡。

PS：我在 Flutter Packages 倉庫中挑選相關的 Packages 的時候，不多看到中國開發者的身影。因此相應的，若是你想在 Flutter 中使用中國特點的相關服務，例如：微信分享、QQ 分享、高德地圖、第三方的 OAuth 登陸，都須要等上很長時間。固然，這對於咱們開發者來講，也是一個機會。若是有開發者在 Flutter Package 中上傳相關的 Package 歡迎發佈到掘金。咱們會讓更多開發者知道你上傳的 Package 。

---

掘金如今正在舉行 Flutter 相關的徵文活動，若是你在7月-8月期間有想寫 Flutter 文章的打算，歡迎戳連接瞭解徵文詳情，投稿便可得到掘金紙質筆記本哦！

咱們創建了掘金 Flutter 技術交流羣，目前羣衆已經有280餘人。其中包括閒魚技術和NOW終端技術團隊等國內第一批使用 Flutter 作實踐的技術團隊。掃描下方小熊姐微信，回覆 flutter 便可入羣哦。