Flutter Row Layout（最高child胜）

Question

我想在 flutter 中布局一行，行内有动态高度项目。

示例：

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

Widget A 是一个内容填充的小 Widget（高度 100px）。
B的高度更大(eg.. 500px.)

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

我怎么说 child 自动调整为 500px？

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

有没有办法自动将行内所有 child 的大小调整到最大？

Answer 1

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

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

Flutter Row Layout (the heighest child wins)