Flutter 之基本控件

Flutter 中有很多 UI 控件，而文本、图片和按钮是 Flutter 中最基本的控件，构建视图基本上都要使用到这三个基本控件

文本控件

文本是视图系统中的常见控件，用于显示一段特定样式的字符串，在 Flutter 中，文本展示是通过 Text 控件实现的

Text 支持的文本展示类型

• 单一样式的文本 Text
• 混合样式的富文本 Text.rich

单一样式的文本 Text

• 控制整体文本布局的参数：textAlign（文本对齐方式）、textDirection（文本排版方向）、maxLines（文本显示最大行数）、overflow（文本截断规则），等等。这些都是构造函数中的参数
• 控制文本展示样式的参数：fontFamily（字体名称）、fontSize（字体大小）、color（文本颜色）、shadows（文本阴影）、等等。这些都是构造函数中的参数 style 中的参数

混合样式的富文本 Text.rich

• 把一段字符串分为几个片段来管理，给每个片段单独设置样式，使用 TextSpan 来实现

图片

使用 Image 来加载不同形式、不同格式的图片

• 加载本地资源图片：Image.asset('images/logo.png');
• 加载本地（File 文件）图片：Image.file(File('/storage/test.png'));
• 加载网络图片：Image.net