如何在 Text 小部件中为 Flutter 中的文本添加下划线？

我似乎在 TextStyle

最佳答案

在为所有内容加下划线时，您可以在 Text 小部件上设置 TextStyle。

Text(
  'Hello world',
  style: TextStyle(
    decoration: TextDecoration.underline,
  ),
)

如果您只想给部分文本加下划线，那么您需要使用 Text.rich()(或 RichText 小部件)并将字符串分解为可以添加样式的 TextSpan。

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 来更 retrofit 饰的外观。这里是虚线:

Text(
  'Hello world',
  style: TextStyle(
    decoration: TextDecoration.underline,
    decorationStyle: TextDecorationStyle.dashed,
  ),
)

和TextDecorationStyle.dotted:

和TextDecorationStyle.double:

和TextDecorationStyle.wavy:

https://stackoverflow.com/questions/50614661/