在 Flutter 中缩小文本基线以下的区域

Question

我想减少我的 Flutter 应用中某些文本基线以下的区域。下面的空间可以在这里看到： Space below baseline

文本将始终是数字，因此它永远不会延伸到基线以下。这是一个供参考的示例： Letters that extend below baseline

有没有办法占用这个空间，让底部的 Divider 更靠近数字的底部？

我尝试过 StrutStyle 小部件，但因为我使用的是 AutoSizeText 小部件，所以要可靠地工作有点困难。

我唯一的选择是找到基线以下空间较小的仅大写字体吗？或者自己制作一个自定义字体（我知道怎么做，但是很痛苦）？

Answer 1

我遇到了您的问题并想出了一个解决方案。

您可以使用BaseLine 小部件。 How to use 并把baseline = style.fontSize

示例代码：

Baseline(
        baseline: _style.fontSize,
        baselineType: TextBaseline.alphabetic,
        child: Text(
          text,
          style: _style,
          textAlign: TextAlign.center,
          overflow: TextOverflow.ellipsis,
          maxLines: 2,
        ),
      )

之前：

之后：

但请注意每个小写字母，例如 jgq。我的解决方案仅适用于大写。