dart - 如何在 flutter 中获得容器的高度和宽度等约束

Question

我目前正在开发一款基于 Flutter 的聊天应用界面。我尝试使用以下容器自定义聊天消息，以在每条消息旁边显示一条垂直线，就像 Snapchat 一样:

child: new Container(
    margin: const EdgeInsets.symmetric(vertical: 10.0),
    child: new Row(
      mainAxisAlignment: MainAxisAlignment.end,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        new Container(
          alignment: Alignment.centerRight,
          width: 300.0,
          child: new Text(text),
        ),
        new Container(width: 2.0, height: 10.0, color: Colors.amber, child: null)
      ],
    ),
  )

问题是，这个:

new Container(width: 2.0, height: 10.0, color: Colors.amber, child: null)

当我指定一个明确的高度时，比如上面的 10.0，它不会随消息缩放，它只是像这样停留在顶部:

所以我想知道是否有一种方法可以随着消息文本的另一个容器的高度增加而动态地缩放行(容器)的高度。

Answer 1

LayoutBuilder 就是你想要的。

构建器委托(delegate)接收一个 BoxConstraint 作为参数，对应于容器的大小。