第 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 项目都是这个简单的实例,运行效果如下图所示:

Flutter 官方实例

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

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

猜你喜欢

转载自blog.csdn.net/jay100500/article/details/108729558