如何使Widget宽度匹配Column宽度？并实现Container随Text动态适配

你需要让Column的宽度与父Widget保持一致，同时让Column内的Container宽度自动匹配Text的宽度，而非撑满Column。以下是两种可行的实现方案：

方案一：用Align包裹子Column #

将Text和Container放在一个mainAxisSize: MainAxisSize.min的子Column中，再通过Align组件包裹这个子Column。父Column会默认撑满父容器宽度，而子Column的宽度由Text决定，Container自然和Text同宽，还能自由调整子组件的对齐位置。

Column(
  children: [
    Align(
      // 可根据需求修改对齐方式，比如Alignment.center、Alignment.centerRight
      alignment: Alignment.centerLeft,
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Text("asdasd"),
          Container(color: Colors.white, height: 5),
        ],
      ),
    ),
  ],
);

方案二：用IntrinsicWidth约束宽度 #

IntrinsicWidth会让子组件的宽度匹配内部最宽元素的宽度（也就是Text的宽度），给Container设置width: double.infinity后，它会填满这个约束宽度，同时父Column可以撑满父容器。这种方式适合需要子元素宽度严格统一的场景。

Column(
  children: [
    IntrinsicWidth(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Text("asdasd"),
          Container(
            color: Colors.white,
            height: 5,
            width: double.infinity,
          ),
        ],
      ),
    ),
  ],
);

内容的提问来源于stack exchange，提问作者Erfan Eghterafi