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

Question

我有一行，其中的子项是2个文本。第一个是字体大小20，第二个是字体尺寸13。我试着把两者都排到底，但到目前为止运气不好。这就像第一个大的得到了一些额外的填充。关于如何对齐两个文本，有什么好的提示吗？

Answer 1

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

试试这样的东西：

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