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,可以实现更加丰富和复杂的文本显示效果。