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

結果如下：

那太容易了。 我希望它能有所幫助。