Flutter RichText Widget

Flutter 中的 RichText Widget 也用于显示文本,它和 Text Widget 的区别在于可以支持多种样式的文本,例如不同字体、大小、颜色等。可以使用 TextSpan 来定义不同样式的文本片段,然后将这些文本片段放入 RichText Widget 中显示。

下面是一个示例代码,展示如何使用 RichText Widget 来显示不同样式的文本:

RichText(
  text: TextSpan(
    style: TextStyle(fontSize: 18.0, color: Colors.black),
    children: [
      TextSpan(
        text: 'Hello, ',
        style: TextStyle(fontWeight: FontWeight.bold),
      ),
      TextSpan(
        text: 'Flutter!',
        style: TextStyle(fontStyle: FontStyle.italic),
      ),
    ],
  ),
)

上述代码将显示 "Hello, Flutter!",其中 "Hello, " 和 "Flutter!" 使用了不同的样式,"Hello, " 使用了粗体字体,"Flutter!" 使用了斜体字体。

需要注意的是,由于 RichText Widget 可以显示多种样式的文本,因此它的使用相对于 Text Widget 要稍微复杂一些,需要使用 TextSpan 来定义不同样式的文本片段。但是,通过使用 RichText Widget,可以实现更加丰富和复杂的文本显示效果。

powered by Gitbook© 2023 编外计划 | 最后修改: 2023-11-24 03:37:00

results matching ""

    No results matching ""