Flutter中Text控件的全面剖析（续）

Android

2023-09-02 04:36:45

深入掌握 Flutter Text 控件：不常用属性、字体设置和使用技巧

1. 不常用属性

除了常见属性之外，Text 控件还提供了一些不常用的属性，可以帮助您创建更加高级的文本效果。

strutStyle： 控制文本的排版方式，包括行高、行距和字体度量。
textScaleFactor： 调整文本的大小，适应不同的屏幕尺寸或用户偏好。
maxLines： 限制文本显示的最大行数，超过部分将被截断并显示省略号。
overflow： 当文本超过最大行数时，控制如何处理：截断、省略或滚动。
softWrap： 控制文本是否自动换行，为 true 时会在屏幕边缘自动换行。

2. 字体设置

Flutter 支持多种字体选项，包括系统字体、自定义字体和 Google Fonts。

系统字体： 使用 fontFamily 属性指定系统字体名称，如 'Helvetica'。
自定义字体： 将字体文件添加到项目并指定 fontFamily 名称。
Google Fonts： 通过 pubspec.yaml 文件添加 google_fonts 依赖项，并在 fontFamily 中指定字体名称，如 'Roboto'。

3. 使用技巧

1. 富文本： 创建包含不同样式、颜色和链接的复杂文本布局。
2. 文本主题： 统一应用中所有文本的样式，包括字体、颜色和行高。
3. 文本样式： 快速设置文本样式，包括字体、颜色和行高，无需重复声明。

4. 实例演示

以下代码示例演示了不常用属性和字体设置的使用：

Text(
  '不常用属性',
  strutStyle: StrutStyle(
    fontSize: 16.0,
    height: 1.5,
    leading: 2.0,
  ),
  maxLines: 3,
  overflow: TextOverflow.ellipsis,
  softWrap: true,
);

Text(
  '自定义字体',
  fontFamily: 'custom_font',
);

Text(
  'Google Fonts',
  fontFamily: 'Roboto',
);

Text.rich(
  TextSpan(
    children: [
      TextSpan(
        text: '普通文本',
      ),
      TextSpan(
        text: '粗体文本',
        style: TextStyle(fontWeight: FontWeight.bold),
      ),
      TextSpan(
        text: '斜体文本',
        style: TextStyle(fontStyle: FontStyle.italic),
      ),
    ],
  ),
);