如何在Flutter Widget中布局Row与Column及相关布局报错解决

报错的核心是无约束的TextField宽度：Flutter的TextField默认会尝试占满父组件提供的最大可用宽度，你代码中Row下的第二个Column（包含Currency文本和输入框）没有被Expanded或固定宽度组件包裹，Row给该组件的宽度约束为无界，TextField无法在无界约束下计算自身尺寸，导致布局流程未完成，触发渲染报错。

• 给Row下的第二个Column外层包裹Expanded，或者给其设置固定宽度，让内部的TextField可以拿到明确的宽度约束
• 可选：给TextField添加maxLines: 1参数，明确其单行展示的属性，避免高度自适应带来的额外布局问题
• 冗余代码优化：你外层没有设置任何属性的Container可以直接移除，不会影响布局

修复后的参考代码：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      backgroundColor: Colors.red,
      title: const Text("Create"),
    ),
    body: Column(
      children: [
        //First row - Amount and Ccy labels/text boxes
        Expanded(
          child: Row(
            children: [
              Expanded(
                child:Column(
                  mainAxisSize: MainAxisSize.max,
                  children: const [
                    Text('Amount'),
                    TextField(maxLines: 1,),
                  ],
                )
              ),
              // 给Currency的Column外层加Expanded约束宽度
              Expanded(
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: const [
                    Text('Currency'),
                    TextField(maxLines: 1,),
                  ],
                ),
              )
            ],
          )
        ),
        //Second Row - Comment label/text box 后续可继续添加内容
      ]
    )
  );
}

Flutter布局遵循「约束向下传递，尺寸向上返回，父节点决定子节点位置」的基础逻辑
所有会尝试填充父级可用空间的组件（如未设置宽高的TextField、Image等），都不能直接放在无界约束的父组件下，必须提前给其明确的尺寸约束。

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