问 如何在flutter中为文本加下划线

EN

在为所有内容加下划线时，您可以在文本小部件上设置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

​

​

您可以通过将 decoration: TextDecoration.underline 应用于 Text 的 TextStyle 来完成此操作。

主题示例：

          Text(
            "text",
            style: Theme
                .of(context)
                .accentTextTheme
                .subhead
                .copyWith(decoration: TextDecoration.underline),
          )

基本示例：

          Text(
            "text",
            style: TextStyle(decoration: TextDecoration.underline),
          )

例如

Text(
  "Terms and Condition",
  style: TextStyle(
    decoration:
        TextDecoration.underline,