第 1-8 课：基础组件详解（Text、Image、Button）

前面已经讲解了大量的 Flutter 相关基础知识，从这节课开始，我们将进行 Flutter 的系列 Widget、布局的学习。那么这节课就带领大家对 Flutter 的基础 Widget 中的几个典型，结合案例来讲解用法。

本文将主要介绍：

• Text Widget 用法详解
• Image Widget 用法详解
• Button Widget 用法详解

1 Text Widget 用法详解

首先我们看 Text Widget 的作用：

Text Widget，从名字也可以看出，在 Flutter 里是用来负责显示文本信息的一个组件，功能类似于 Android 的TextView、HTML 的一些文本标签等等，属于基础组件。

那么知道了它的作用后，我们再看下 Text 这个组件的继承关系：

Text -> StatelessWidget -> Widget -> DiagnosticableTree -> Diagnosticable -> Object

可以看出 Text 是个 StatelessWidget，也就是无状态组件。

接下来看下 Text Widget 的类结构：

可以看出有 2 个构造方法，拥有多个属性参数（f 标志的为属性参数）。

那么我们就重点看下 Text 组件的两个比较重要的构造方法的作用和属性的含义和作用：

const Text(