【问题标题】:Reduce area below text baseline in Flutter在 Flutter 中缩小文本基线以下的区域
【发布时间】:2021-07-31 10:28:04
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: flutter text fonts baseline


    【解决方案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。我的解决方案仅适用于大写。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-04-17
      • 2014-04-17
      • 1970-01-01
      • 2023-01-18
      • 1970-01-01
      • 2021-04-17
      • 2012-06-27
      • 2020-12-24
      相关资源
      最近更新 更多