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

Question

我一行中有两个孩子。第一个是fontsize 20，第二个是size13。我正在尝试将它们都对齐到底部，但到目前为止还没有运气。就像第一个大的填充了一些额外的填充。 关于如何对齐两个文本的任何好的提示？

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)),
    ],
),