将行中不同大小的文本对齐到底部

Question

我有一排孩子是2个文本。第一个是字体大小 20，第二个是大小 13。我试图将两者都对齐到底部，但到目前为止还没有运气。这就像第一个大的得到一些额外的填充。关于如何对齐两个文本的任何好的提示？

Answer 1

我认为您需要使用小部件的crossAxisAlignment和textBaseline属性Row。

尝试这样的事情：

Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,
    textBaseline: TextBaseline.alphabetic,
    children: <Widget>[
      Text("foo", style: TextStyle(fontSize: 20)),
      Text("bar", style: TextStyle(fontSize: 13)),
    ],
),