如何在Flutter中呈现字体或如何避免垂直间距?

时间:2019-02-04 14:11:52

标签: flutter flutter-layout text-widget

我在Text中有两个简单的Row-小部件,它们的字体大小不同。我使用CrossAxisAlignment.start将它们垂直放置在垂直轴的起点。不幸的是,两个文本块未正确对齐。当我在VSCode中使用Flutter: Inspect Widget时,我可以看到两个Text-Widgets到行顶部都有一些垂直间距,该间距随字体大小而增加。这使我想起了 CSS 中的line-height属性,但是在Flutter中没有找到等效的属性。

有没有办法在没有此间距的情况下呈现Text-Widget的内容?

要重现此行为,请在Flutter Create演示应用程序内使用以下Row

Row(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    Text('First', style: TextStyle(fontSize: 50),),
    Text('Second', style: TextStyle(fontSize: 20)),
  ],
),

1 个答案:

答案 0 :(得分:0)

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

https://api.flutter.dev/flutter/painting/TextStyle/height.html