Flutter：如何将容器的高度调整为连续的同级容器的最大高度

Question

我连续有两个小部件。第一个窗口小部件是宽度为5.0的黑线，第二个窗口小部件是文本窗口小部件，其大小可能根据内容而有所不同。我希望第一个容器与第二个小部件具有相同的高度

Answer 1

一种方法是使两个小部件都成为IntrinsicHeight小部件的子级，然后将第一个容器的高度声明为double.infinity。这应该可以解决您的问题。示例代码如下：

IntrinsicHeight(
  child: Row(
    children: <Widget>[
      Container(  //this is the first container
         height: double.infinity
      ),
      secondWidget(
      )
    ],
)

如果您有其他查询，请通知我。编码愉快！

Answer 2

您可以使用Expanded 小部件。它将兄弟姐妹划分为相同的高度或宽度。 这是代码：

Row(
    children: <Widget>[
      Expanded(
        child: Container(
          color: Colors.red,
        ),
      ),
      Expanded(
        child: Container(
          color: Colors.green,
        ),
   )

结果如下：

那很容易。希望对您有所帮助。