Flutter如何让子Widget宽度匹配父Column？使用double.infinity报错

需要让Column的子Widget（带红色左边框的Text容器）与父Column宽度一致，使Text左边缘和蓝色Column边框对齐。当前Text组件居中且仅占用自身所需宽度，尝试设置width: double.infinity会报错，即使Column已被Container包裹。

给Column添加crossAxisAlignment: CrossAxisAlignment.stretch属性，让Column内的子Widget自动拉伸至Column的宽度（即Column最宽子项的宽度），无需设置width: double.infinity。同时确保Text左对齐。

修改后的完整代码：

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    CircleAvatar(),
    Container(
      color: Colors.blue,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.stretch, // 关键设置
        children: [
          Text(
            'HELLO THERE',
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 35,
              color: Colors.green,
            ),
          ),
          Text(
            'MY NAME IS XYZ',
            style: TextStyle(fontSize: 60, color: Colors.white),
          ),
          SizedBox(
            height: 30,
          ),
          Container(
            decoration: BoxDecoration(
                border: Border(
                    left: BorderSide(width: 2, color: Colors.red))),
            child: Text(
              'sdadsadsasdadsadsa saf d af dsdsf a sffsa fs a sfa',
              textAlign: TextAlign.left, // 确保文本左对齐
              style: TextStyle(fontSize: 18, color: Colors.white),
            ),
          ),
        ],
      ),
    )
  ],
)

之前设置width: double.infinity报错，是因为Column处于Row中且Row设置了mainAxisAlignment: MainAxisAlignment.center，此时Column的宽度由其内部最宽的子Widget决定。子Widget要求无限宽度会形成循环依赖（Column宽度依赖子项，子项宽度又依赖Column），导致布局计算失败。而CrossAxisAlignment.stretch会让子Widget自适应Column的现有宽度，避免循环依赖问题。

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