文本下划线在文本上方而不是下方显示线

Posted 2023-02-23

【中文标题】文本下划线在文本上方而不是下方显示线

【英文标题】：Text underline display line above text instead of below

【发布时间】：2021-09-15 22:21:07

【问题描述】：

As 显示给定的图像在对文本应用下划线装饰文本样式后，它在 Flutter 2.2 中显示文本上方而不是下方。

 TextButton(
              onPressed: () ,
              child: Text(
                getLocalValue(context, txtTermsNConditions),
                style: TextStyle(
                    fontSize: 12.sp,
                    fontWeight: fwMedium,
                    color: Color(clrPrimary),
                    decoration: TextDecoration.underline),
              ),
            )

【问题讨论】：

我试过你的代码；它按预期显示。

【参考方案1】：

这是我使用的字体的问题，使用另一种字体已解决。

【参考方案2】：

您可以使用快捷方式，只需使用 Stack 并将 Text 和 Divider 小部件放入其中，然后根据您的要求给出位置即可。

【参考方案3】：

style: TextStyle(decoration: TextDecoration.overline) 可以解决问题，请参阅this link 了解更多信息。