第 1-7 课：编写第一个 Flutter 应用

经过前面几节理论课程对 Flutter 的介绍，相信大家对 Flutter 有基础了解，也希望对 Flutter 的编程和应用开发产生了更加浓厚的兴趣。理论过后，估计大家正期待进入 Flutter 应用的编写实践。那么这节课就带领大家先尝试编写一个 Flutter 应用，感受一下 Flutter 开发的语法特点和运行效率。

Flutter 应用运行起来比 RN 流畅、编译快、热加载快，所以开发和调试的效率非常高。本文将着重给大家讲解下 Flutter 官方默认创建的应用，然后编写一个简单的 Flutter 尝鲜小应用。

本文将主要介绍：

• 用 Flutter 创建一个默认应用
• Flutter 默认应用的分析讲解
• Flutter 编写一个小 Demo

1 用 Flutter 创建一个默认应用

本文的开发工具 IDE 用的是 Visual Studio Code，当然也可以使用 Android Studio 进行开发。关于用 Visual Studio Code 创建新的 Flutter 项目前面讲过，这里就不再重复讲解了。

默认新建的 Flutter 项目都是这个简单的实例，运行效果如下图所示：

点击 + 号 FloatingActionButton，中间的 Text Widget 进行累加更新数字统计计数。整体功能还是很简单的，主要涉及内容为控件点击事件、Text Widget 的显示、 setState(() {…}) 更新内容等。

那么接下来通过代码结合注释讲解方式来看下这个官方实例 main.dart 的实现流程：