本篇文章中有很多精美的 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 即可入群哦。