一個像Flutter Handbook一樣的Flutter Demo

學習一個新技術最直接的方式就是找個Demo來學習，但是demo也有好有壞，有的Demo下載下來居然不能編譯通過。

分分鐘懷疑到底是在找Demo學習還是在找Bug來鍛鍊Debug技術。

我認為一個好的Demo應該具備如下幾個要素

1. 可運行
2. 嗯，嚴肅點！一定要可運行，老子本來就不會還讓老子Debug
3. 功能點明確
4. 功能點最好明確
5. 代碼結構良好
6. 良好的代碼結構，這個要求有點高，但是真的很重要

今天就給大家推薦一個滿足我對好的Demo要求的Flutter Demo，這個Demo不是功能最全的，也不是UI最好的，但是我認為是入門最好的。

flutter_dojo，一個算不上好看，但是很實用的demo，所有的展示頁面都以演示效果為目的，展示該Widget最主要的屬性，並通過實例演示更改後的效果。

demo主要有以下5個方面的內容。

從ReadMe中摘錄部分內容如下：

Widgets

Widgets部分包含了Flutter官方Category中的幾乎所有Widget，是的你沒看錯，按照官網的Category劃分，窮舉了官方列出的所有Widget，同時也新增了一些未出現在Category中，但卻很常用的Widget。

在每個Category中，都按照A-Z的順序展示Widget。

UI Pattern

UI Pattern部分包含了APP中常用的界面開發模板元素，例如APPBar、Banner、Login、Setting等等，在UI Pattern中，開發者可以找到各自分解的UI元素，瞭解如何使用Flutter來構建這些UI組件。

在UI Pattern中，我分類列舉了很多不同的模板類型。

Develop UI Kit

Develop UI Kit列舉了UI開發中的一些常用工具類和開發模板代碼，開發者可以使用這些工具類來完成一些UI功能開發。

Back-end Util

Back-end Util中列舉了非UI的一些Flutter知識點。

Flutter不僅僅是一個UI跨平臺框架，同樣是一個完整的APP開發框架，所以，這裡列舉了除了UI開發之外的一些功能。

Github地址：

https://github.com/xuyisheng/flutter_dojo

閱讀更多 碼代碼的豬爸爸 的文章

關鍵字: 老子 技術 功能