一个像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

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

關鍵字: 老子 技术 功能