Flutter Layouts，在 Column 中扩展 Container 以匹配其他小部件宽度

Question

我正在创建聊天气泡，我希望由消息本身定义宽度，但随后我添加了一个带有发件人姓名的“标题”（一行）和一个装饰线（一个容器）。 我希望这条线填充可用空间，但是当我扩展它时，它会将气泡的宽度推到最大，而与消息的宽度无关。在此截图中，您可以看到收到的消息对于其内容来说太宽了。

这是代码的简化版本，如果我不放置扩展的红色容器是不可见的（宽度 0），扩展占用了最大的可用空间，但我希望列保持确定的宽度消息。

非常感谢。

return Container(
    color: Colors.grey.shade200,
    constraints:
        BoxConstraints(maxWidth: (MediaQuery.of(context).size.width * 0.7)),
    child: Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text("Juan"),
            Expanded(
              child: Container(
                color: Colors.red,
                height: 3,
              ),
            )
          ],
        ),
        Text("Text of the message"),
      ],
    ));

Answer 1

pskink 做到了。他在评论中的回答：

您需要：child: IntrinsicWidth(child: Column(... – 灵巧

希望这也对其他人有所帮助。