在给所有内容加下划线时,您可以在文本小部件上设置TextStyle.
Text(
'Hello world',
style: TextStyle(
decoration: TextDecoration.underline,
),
)
如果您只想给文本的一部分加下划线,那么您需要使用Text.rich()
(或RichText小部件)并将字符串拆分成可以添加样式的TextSpans.
Text.rich(
TextSpan(
text: 'Hello ',
style: TextStyle(fontSize: 50),
children: <TextSpan>[
TextSpan(
text: 'world',
style: TextStyle(
decoration: TextDecoration.underline,
)),
// can add more TextSpans here...
],
),
)
TextSpan有点奇怪.text
参数是默认样式,但children
列表包含紧随其后的已设置样式(也可能未设置样式)的文本.如果要从带样式的文本开始,可以使用空字符串表示text
.
您还可以添加TextDecorationStyle以更改装饰的外观.下面是虚线:
Text(
'Hello world',
style: TextStyle(
decoration: TextDecoration.underline,
decorationStyle: TextDecorationStyle.dashed,
),
)
和TextDecorationStyle.dotted
:
和TextDecorationStyle.double
:
和TextDecorationStyle.wavy
: