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

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

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

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

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

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

開源項(xiàng)目

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

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

01

AppFlowy

GitHub（40K+）：

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

AppFlowy是一個(gè)免費(fèi)的開源筆記工具，專為創(chuàng)意思維而設(shè)計(jì)。是Notion.io的一個(gè)開源替代方案，支持使用Markdown語法、動(dòng)態(tài)表、檢查表。還提供了一個(gè)響應(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

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

03

Immich

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

Immich是一個(gè)用于備份照片或者視頻的免費(fèi)開源應(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

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

05

Authpass

GitHub（1.9K）：

https://github.com/authpass/authpass

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

06

Musify

GitHub（1.2K）：

https://github.com/gokadzev/Musify

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

主要功能包括：

• 在線歌曲搜索與推薦

• 支持流媒體播放

• 支持下載

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

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

• 支持播放本地歌曲

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

• 歌詞支持

• 無廣告

• 無需費(fèi)用

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

• 支持14種語言

07

Butterfly

GitHub：

https://github.com/LinwoodCloud/Butterfly

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

08

Liso

GitHub：

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

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

09

Wger

GitHub：

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

Wger是一個(gè)免費(fèi)的開源運(yùn)動(dòng)和健身助手，適用于健身專業(yè)人士和團(tuán)隊(duì)。該項(xiàng)目的后端是用Python寫的rest服務(wù)。

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

10

Habo

GitHub：

https://github.com/xpavle00/Habo

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

11

Timecop

GitHub：

https://github.com/hamaluik/timecop

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

12

Weight Tracker

GitHub：

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

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

13

WhatTodo

GitHub：

https://github.com/burhanrashid52/WhatTodo

WhatTodo是一個(gè)很小的待辦事項(xiàng)和任務(wù)列表管理應(yīng)用程序。它旨在每天跟蹤用戶的任務(wù)。可以添加項(xiàng)目、標(biāo)簽和到期日到任務(wù)中，也可以對(duì)這些信息進(jìn)行排序。這也是一個(gè)多年前的項(xiàng)目了。

14

OpenFoodFacts

GitHub：

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

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

15

Spooky

GitHub：

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

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

16

AirDash

GitHub：

https://github.com/simonbengtsson/airdash

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

17

QuitSmoke 

GitHub：

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

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

學(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

一些好用的免費(fèi)教程網(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)建，隨時(shí)可用于您的應(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