Flutter基础组件详解-Text的使用

Text最基本的用法有这些：

• 字体
• 颜色，字体，大小，背景
• 文本的对齐方式，可以选择左对齐、右对齐还是居中对齐
• TextSpan，它代表文本的一个“片段”
• 设置某一个节点处设置一个默认的文本样式
• 文本点击事件
• 富文本的显示 ,文字，阴影

基本使用
Text 用来显示单一样式的文本字符串，

Container(
              child: Text(
                "多行文本显示时，只显示 maxLines，多余文本通过 overflow 处理 " * 7,
                ///overflow：文本溢出时，多余文本的处理方式，可以配合 maxLines 使用。
                overflow: TextOverflow.ellipsis,

                ///当文本跨行，页面显示的最大行数。
                maxLines: 1,
              ),
            ),
            Container(
              child: Text(
                "文字缩放倍数",
                /// textScaleFactor：相当于当前字体大小的缩放比例，它是设置 fontSize 属性的快捷方式。
                textScaleFactor: 1.5,
              ),
            )

字体

如果需要使用自定义字体，则需要在项目中的fonts文件夹下放置字体文件，然后在配置文件pubspec.yaml中进行配置：

flutter: fonts:
- family: Raleway
fonts:
- asset: fonts/Raleway-Regular.ttf
- asset: fonts/Raleway-Italic.ttf
style: italic
- family: RobotoMono
fonts:
- asset: fonts/RobotoMono-Regular.ttf
- asset: fonts/RobotoMono-Bold.ttf
weight: 700

通过主题设置字体：

MaterialApp(
  title: 'Custom Fonts',
  // Set Raleway as the default app font.
  theme: ThemeData(fontFamily: 'Raleway'),
  home: MyHomePage(),
);

单独设置字体

Text(
  'Roboto Mono sample',
  style: TextStyle(fontFamily: 'RobotoMono'),
);

style 属性用来指定文本的显示方式，例如颜色，字体，大小，背景，装饰等等

Container(
                child: Text(
              "textStyle 的用法 " * 2,
              style: TextStyle(</