一、本册的缘起
这本小册并不在我的原定计划之中，而是掘金希望推出一批针对新手的 免费入门教程 。笔者受掘金之邀，为大家带来一份纯粹面向新手的 Flutter 入门教程。当然本人也非常愿意从最初的起点，带领更多人认识 Flutter、使用 Flutter 、深入 Flutter 、热爱 Flutter。
本系列教程是完全面向 Flutter 新手朋友，即使没有任何编程基础，也可以观看。希望本册以最有趣和通俗的方式，来 迎接 你们走到 Flutter 新手村的第一站。如果能燃起你的一丝兴趣，将是本教程的荣光。学完本课程，你将会：
1.
初步认知Flutter 框架是什么，能干什么。2.
初步了解最基础的 Dart 语法知识。3.
学会通过常用组件构建出简单的界面。4.
学会在 Flutter 项目中使用别人的依赖库。5.
初步掌握Flutter 中数据的持久化手段。6.
学会通过界面交互完成一些简单的功能逻辑。
二、 教程的五大模块
本教程共 26 章，分为如下 5 大模块：
1.Flutter 基础
第一个模块是 Flutter 最基础的前置知识准备阶段，包括环境搭建、Dart 基础语法介绍、计数器项目解读个三部分。如果已经开发过 Flutter 项目的朋友，可以选择跳过本模块，也可以温故知新。
2. 猜数字模块
第二个模块是猜数字项目，这是我设计的一个比较简单有趣的小案例，生成随机数后，在头部输入框猜数字。其中包含着 Flutter 最基础的知识点，比如基础组件的使用、界面的布局、逻辑的控制、动画的使用等。麻雀虽小五脏俱全，非常适合新手学习。
| 生成随机数 | 输入比较 |
|---|---|
 |
 |
3.电子木鱼模块
第三个模块是电子木鱼项目，也是一个比较简单有趣的小案例，最主要的功能是点击图片发出木鱼的音效。另外支持功德记录的查看，以及音效、图片的选择。其中包含也着 Flutter 很多的知识点，比如基础组件的使用、状态类生命周期回调、依赖库的使用、本地资源配置等。
| 点击木鱼 | 查看功德记录 |
|---|---|
 |
 |
4.白板绘制模块
第四个模块是白板绘制项目，用户可以通过手势交互在界面上绘制线条，交互性很强，也非常有趣；支持线颜色和线宽的选择，并可以回退上一步和撤销回退。其中包含也着 Flutter 很多的知识点，比如绘制的使用、手势监听器的使用、组件封装等。
| 画板绘制 | 回退和撤销 |
|---|---|
 |
 |
5.项目整合
最后一部分将介绍如何将之前的一个个孤零零的界面，通过导航结构整合为一个项目。并了解如何在切换界面时，保活状态数据。这部分还会介绍数据的持久化存储，这样用户的选择项和一些记录数据就可以存储到本地，不会随着应用的退出而重置。最后，会介绍对网络数据的访问，完成下面文章展示页的小案例：
| 下拉刷新 | 加载更多 |
|---|---|
 |
 |
三、🎁学完奖励
小册学完之后，可以在评论区发布学习感受，参加活动，可获得一张小册 5 折优惠券。
活动时间：9月8日-10月30日
活动规则：学完这本教程（学习进度 100%），且在评论区发表 > 20字的真实读后感，比如哪部分你最认同，哪部分对你有实际帮助，某一部分知识点的深入思考等。完成即可获得一张小册 5 折优惠券，每人限领一次~
领优惠券 ：填写👉🏻问卷👈🏻，上传学习进度截图+评论截图。优惠券会在 7 个工作日内发到你的掘金账户~