Flutter Row Layout（最高的孩子获胜）答案

【问题标题】：Flutter Row Layout (the heighest child wins)Flutter Row Layout（最高的孩子获胜）
【发布时间】：2021-09-10 12:52:02
【问题描述】：

我想在行内布局动态高度项。

示例：

行内有 2 个小部件（A 和 B）。

小部件 A 是一个小内容填充小部件（高度 100 像素）。
B的高度更大（例如.. 500px。）

该行现在应该具有最大孩子 (B) 的高度。

我怎么能说孩子 A 自动调整为 500 像素？

我知道...我可以将该行包装到一个 500px 的 SizedBox 中，并将该行的 crossAxisAlignment 设置为拉伸...但这不是我想要的...

有没有办法将一行内的所有子项自动调整到最高？

【问题讨论】：

【解决方案1】：

您可以像这样使用IntrinsicHeight 小部件，将行的crossAxisAlignment 设置为CrossAxisAlignment.stretch。

IntrinsicHeight(
  child: Row(
    crossAxisAlignment: CrossAxisAlignment.stretch,
    children: [
      WidgetA(),
      WidgetB(),
    ],
  ),
)

【讨论】：