Flutter中Expanded嵌入自定义组件报RenderFlex无限布局尺寸错误

这个报错是嵌套冗余Scaffold打破Flutter布局约束传递规则导致的：

1. Flutter布局遵循"父传约束、子定尺寸"的基本逻辑：外层Row内的Expanded会给子组件分配固定的横向可用宽度，同时传递明确的纵向高度约束，要求子组件在约束范围内计算自身尺寸。之前使用Text组件时运行正常，就是因为Text属于普通渲染组件，会严格遵守父组件传递的约束，不会请求无限尺寸。
2. 自定义的Asd组件额外嵌套了一层Scaffold，Scaffold是页面级根容器组件，默认逻辑是尽可能占满父组件传递的全部可用空间，且会打破父组件传递的边界约束，向外请求无限的宽高尺寸。当它被放在Expanded子位时，会给Row对应的RenderFlex渲染对象传递无界尺寸参数，直接触发"RenderFlex object was given an infinite size during layout"异常，看到的RenderCustomMultiChildLayoutBox相关报错是Scaffold内部自定义布局逻辑拿不到有效约束时抛出的连锁错误。

注意：Scaffold设计上是作为单页面的根组件使用，非特殊场景不要在普通子组件中嵌套Scaffold，非常容易触发布局约束冲突。

• 【推荐方案】删除Asd组件中冗余的Scaffold嵌套，直接返回表单组件即可，修改后代码如下：

class Asd extends StatelessWidget {
  const Asd({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return TextFormField();
  }
}

• 【特殊场景方案】如果你确实需要在该局部区域使用Scaffold的能力（比如局部展示SnackBar、独立AppBar、浮动按钮），需要给嵌套的Scaffold加上明确的尺寸约束，避免它向外请求无限空间，示例代码：

class Asd extends StatelessWidget {
  const Asd({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      // 明确指定高度，也可以用LayoutBuilder获取父组件约束动态设置
      height: 48,
      child: Scaffold(
        body: TextFormField(),
      ),
    );
  }
}

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