在 Flutter 中,您可以使用
Text
widget 来显示文本,并且可以通过设置
TextDecoration
对象的属性来为文本添加下划线。
下面是一个示例代码,它显示了一个带下划线的文本:
Text(
'这是一个带下划线的文本',
style: TextStyle(
decoration: TextDecoration.underline,
在上面的代码中,我们使用 TextStyle
对象来设置文本样式。通过设置 TextDecoration
属性为 TextDecoration.underline
,我们为文本添加了下划线。
如果您需要自定义下划线的样式,您可以在 TextDecoration
对象上设置以下属性:
color
:下划线的颜色。
style
:下划线的样式,可以是 TextDecorationStyle.solid
、TextDecorationStyle.double
、TextDecorationStyle.dotted
、TextDecorationStyle.dashed
或 TextDecorationStyle.wavy
。
thickness
:下划线的粗细程度。
offset
:下划线相对于文本的垂直偏移量。
下面是一个示例代码,它使用自定义下划线样式来显示文本:
Text(
'这是一个带自定义下划线样式的文本',
style: TextStyle(
decoration: TextDecoration(
color: Colors.red,
style: TextDecorationStyle.dashed,
thickness: 2,
offset: TextDecorationThickness.offset(2),
在上面的代码中,我们使用 TextDecoration
对象来设置下划线样式。我们将颜色设置为红色,样式设置为虚线,粗细程度设置为2,垂直偏移量设置为2。
希望这些信息能够帮助您为 Flutter 中的文本添加下划线。