翩翩中的字体是如何渲染的,或者说如何避免垂直间距?

问题描述 投票:2回答:1

我有两个简单的 Text-小工具 Row 有不同的字体大小。我使用的是 CrossAxisAlignment.start 将它们垂直放置在垂直轴的开头。不幸的是,这两个文本块没有正确对齐。当我使用 Flutter: Inspect Widget 在VSCode中,我可以看到,这两个 Text-小工具与行顶有一些垂直间距,随着字体大小的增加而增加。这让我想起了 line-height 属性中 CSS但我在Flutter中还没有找到类似的东西。

有没有什么方法可以呈现一个 Text-小工具的内容没有这个间距?

要重现这种行为,请使用以下方法 Row 在Flutter Create demo App里面。

Row(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    Text('First', style: TextStyle(fontSize: 50),),
    Text('Second', style: TextStyle(fontSize: 20)),
  ],
),
flutter flutter-layout text-widget
1个回答
0
投票

1.0是字体大小的百分比,我想。也许是18%?

https:/api.flutter.devflutterpaintingTextStyleheight.html。

© www.soinside.com 2019 - 2024. All rights reserved.