Flutter是Google開源的跨平臺前端應(yīng)用開發(fā)框架，使用 Dart 作為開發(fā)語言，只需要開發(fā)一套代碼庫就可以構(gòu)建多平臺應(yīng)用，支持移動應(yīng)用、Web、桌面和嵌入式平臺等終端應(yīng)用開發(fā)。它開源、免費，擁有寬松的開源協(xié)議，特別適合用于商業(yè)項目。近年來Fluter憑借其快速開發(fā)能力、豐富漂亮的UI設(shè)計、高性能、高可擴展性設(shè)計等優(yōu)勢，獲得了開發(fā)者的青睞。可以說前景一片美好。

在開發(fā)過程中，F(xiàn)lutter應(yīng)用程序在VM中運行，在VM之上運行，代碼隨時更改，不需要完全重新編譯。發(fā)布之后，F(xiàn)lutter應(yīng)用程序被編譯為機器代碼，可以在Intel x64、ARM等架構(gòu)上運行。

Flutter被設(shè)計成一個可擴展的分層系統(tǒng)。包括：Embedding、Engine、Framework，三層，F(xiàn)rameWork層的每一部分都是可選和可替換的。

架構(gòu)如下圖所示：

目前Flutter與React Native都是原生前端應(yīng)用開發(fā)的佼佼者，互有優(yōu)劣。如果追求快速搭建一個APP，又有Java或者javascript的開發(fā)基礎(chǔ)，我想Flutter值得考慮選擇。

話不多說！以下是學(xué)習(xí)Flutter開發(fā)的一些漂亮的Flutter開源應(yīng)用程序以及一些學(xué)習(xí)資源。

開源項目

回想過去，我在學(xué)習(xí)一個框架或者一個語言的時候總是喜歡從例子入手。可能模仿是人類的天性，就像嬰兒學(xué)會說話的過程，他的每一次開口都是在模仿他的父母。

對于有一定開發(fā)語言基礎(chǔ)的Flutter初學(xué)者來說，快速入門的路徑可以是：一、Clone源代碼；二、在源碼基礎(chǔ)上修修改改，改成你要的效果，試著做個小應(yīng)用；三、格物致知，系統(tǒng)學(xué)習(xí)，實踐與理論結(jié)合。

01

AppFlowy

GitHub（40K+）：

https://github.com/AppFlowy-IO/AppFlowy

AppFlowy是一個免費的開源筆記工具，專為創(chuàng)意思維而設(shè)計。是Notion.io的一個開源替代方案，支持使用Markdown語法、動態(tài)表、檢查表。還提供了一個響應(yīng)式看板視圖。

AppFlowy可以安裝在Linux、Windows和macOS等操作系統(tǒng)上。也可以使用Docker安裝。AppFlowy前端開發(fā)使用的是Flutter，而后端使用的是Rust。

02

Fwitter

GitHub（3.4K）：

https://github.com/TheAlphamerc/flutter_twitter_clone

這是一個功能齊全的仿Twitter應(yīng)用。技術(shù)棧包括：Firebase auth、real-time、Firestore Database和 Storage等。

03

Immich

GitHub（21.3K）：
https://github.com/immich-app/immich

Immich是一個用于備份照片或者視頻的免費開源應(yīng)用，服務(wù)端采用Next.js框架開發(fā)，技術(shù)棧包括TensorFlow、PostgreSQL、Redis和Nginx等，前端基于Flutter，支持Android和iOS系統(tǒng)。 

04

timy-messenger

GitHub（2K）：

https://github.com/janoodleFTW/timy-messenger

這是一個開源的Flutter群組群消息應(yīng)用程序，包括很多功能，如：多個群組（類似于Slack中的Teams）、群組內(nèi)的多個開放或私人頻道、分享照片和照片集、表情符號消息等。

05

Authpass

GitHub（1.9K）：

https://github.com/authpass/authpass

AuthPass是一個使用Flutter開發(fā)的完全免費開源的密碼管理器。支持多個平臺運行，可以與KeePass完全兼容（KeePass是原始的開源密碼管理器）。

06

Musify

GitHub（1.2K）：

https://github.com/gokadzev/Musify

Musify是一個開源的自由音樂應(yīng)用程序，基于Flutter開發(fā)。

主要功能包括：

• 在線歌曲搜索與推薦

• 支持流媒體播放

• 支持下載

• 支持?jǐn)?shù)據(jù)導(dǎo)入導(dǎo)出，且永遠不會丟失

• 添加帶有鏈接的自定義播放列表

• 支持播放本地歌曲

• 高品質(zhì)mp3 / m4a / flac格式播放

• 歌詞支持

• 無廣告

• 無需費用

• 內(nèi)置更新程序

• 支持14種語言

07

Butterfly

GitHub：

https://github.com/LinwoodCloud/Butterfly

Butterfly是一款用Flutter編寫的尖端筆記軟件。它提供了許多類似應(yīng)用程序中沒有的出色功能。用戶可以輕松地手寫筆記。具有友好的用戶界面，易于組織管理筆記。支持Windows、Linux、macOS、Web (PWA)、Web (Self-hosted)等平臺。

08

Liso

GitHub：

https://github.com/Liso-Vault/app

Liso App是一個開源的去中心化私有數(shù)據(jù)庫，主要專注于安全地存儲私人信息和文件。主要使用Dart語言和Flutter框架編寫。

09

Wger

GitHub：

https://github.com/wger-project/flutter

Wger是一個免費的開源運動和健身助手，適用于健身專業(yè)人士和團隊。該項目的后端是用Python寫的rest服務(wù)。

后端源碼地址：https://github.com/wger-project/wger

10

Habo

GitHub：

https://github.com/xpavle00/Habo

Habo是一個很棒的習(xí)慣養(yǎng)成應(yīng)用程序，使用Flutter開發(fā)，具有簡單、友好的用戶界面。

11

Timecop

GitHub：

https://github.com/hamaluik/timecop

Time Cop是一個簡單的時間跟蹤應(yīng)用程序，適用于Android和iOS設(shè)備。支持離線模式，不跟蹤或使用廣告腳本。該應(yīng)用程序使用Dart語言基于Flutter開發(fā)。

12

Weight Tracker

GitHub：

https://github.com/MSzalek-Mobile/weight_tracker

Weight Tracker是一個簡單的體重跟蹤應(yīng)用程序。但是這個項目已經(jīng)好多年沒有更新了。

13

WhatTodo

GitHub：

https://github.com/burhanrashid52/WhatTodo

WhatTodo是一個很小的待辦事項和任務(wù)列表管理應(yīng)用程序。它旨在每天跟蹤用戶的任務(wù)?？梢蕴砑禹椖?、標(biāo)簽和到期日到任務(wù)中，也可以對這些信息進行排序。這也是一個多年前的項目了。

14

OpenFoodFacts

GitHub：

https://github.com/openfoodfacts/smooth-app

這是一個食品溯源的Flutter應(yīng)用程序。旨在通過流暢的用戶體驗和時尚的用戶界面向廣大用戶展示Open Food Facts的力量。

15

Spooky

GitHub：

https://github.com/juniorise/spooky-mb

Spooky是一個極簡的Flutter應(yīng)用程序，可以寫故事、日記、筆記、日記、待辦事項等。

16

AirDash

GitHub：

https://github.com/simonbengtsson/airdash

AirDash是一款允許用戶在手機、PC和Mac之間共享大型文件的工具。它適用于Windows、Linux、macOS和Android。AirDash默認(rèn)支持大于2GB的文件，并且不包含任何廣告或第三方腳本。

17

QuitSmoke 

GitHub：

https://github.com/trizin/Quit-Smoke-App

QuitSmoke是一款戒煙應(yīng)用程序?？梢愿櫧錈熯M度，并監(jiān)控節(jié)省了多少錢，避免了多少香煙傷害，以及已經(jīng)戒煙多久了。該應(yīng)用程序還具有一個倒計時，可以跟蹤戒煙后身體健康的各個方面的改善情況。

學(xué)習(xí)資源

Flutter官方網(wǎng)站：

https://flutter.dev/learn

Flutter中文社區(qū)：

https://www.flutterchina.club/

Flutter中文網(wǎng)：

https://flutter.cn/learn

Flutter中文教程：

https://juejin.cn/s/flutter%E4%B8%AD%E6%96%87%E6%95%99%E7%A8%8B

一些好用的免費教程網(wǎng)站：

https://codewithandrea.com/tutorials/

https://www.kodeco.com/

https://flutterawesome.com/netflix-clone-by-using-flutter/

https://medium.com/flutterfever

各種Flutter開發(fā)視頻教程：

https://github.com/iampawan/FlutterExampleApps

GoogleFlutter視頻教程：

https://developers.google.com/learn/pathways/intro-to-flutter?hl=zh-cn

Flutter教程：

https://github.com/londonappbrewery/Flutter-Course-Resources

Flutter組件：

一系列登錄屏幕、插件、加載器和小部件，具有吸引人的UI，使用Flutter構(gòu)建，隨時可用于您的應(yīng)用程序。

https://github.com/samarthagarwal/FlutterScreens

Flutter庫、工具、教程、文章等等：

https://github.com/Solido/awesome-flutter

各種Flutter的UI模板：

https://github.com/mitesh77/Best-Flutter-UI-Templates

各種Flutter例子：

https://github.com/flutter/samples