Flutter:如何对齐两个相邻小部件的高度？

Question

在大屏幕上这不是问题，所有小部件的高度都相同，但在小屏幕上有时其中一个比其他小部件大，因为小部件会扩展自身以包含内容。

我该如何解决？

return ListView(
  children: <Widget>[
    Row(
      children: <Widget>[
        Flexible(child: _valueBox(), flex: 3, fit: FlexFit.tight),
        Flexible(child: _dueDateBox(), flex: 3, fit: FlexFit.tight),
      ],
    ),
    Row(
      children: <Widget>[
        Flexible(child: _advancePaymentBox(), flex: 3, fit: FlexFit.tight),
        Flexible(child: _priceBox(), flex: 3, fit: FlexFit.tight),
      ],
    ),
  ],
);

Answer 1

看起来是因为文字溢出换行了。如果您想强制执行固定大小，则有一个名为 ConstrainedBox 的小部件。你也可能想看看这个包，它可以动态调整你的文本大小以适应。 https://github.com/leisim/auto_size_text