Flutter中Widget的child为何不接受null？有哪些替代方案？

错误原因 #

Flutter的Expanded是Flex布局（Row/Column/Flex）的辅助组件，核心作用是分配父容器的剩余空间，它必须接收非null的child：

• 框架内部会对Expanded的child做非空断言校验，直接传null会触发断言错误；
• 从布局逻辑上讲，Expanded依赖child的布局信息计算空间分配权重，没有child的话，布局系统无法完成空间分配逻辑。

替代null的方案（除SizedBox外） #

以下是几种实用的替代方案，可按需选择：

• Container()：空Container默认不占用额外空间，和空SizedBox效果一致，后续若需添加装饰、边距等可直接扩展。
• SizedBox.shrink()：SizedBox的静态方法，明确创建一个尽可能小的占位组件，语义比空SizedBox更清晰。
• Spacer()：专为Flex布局设计的空白占位组件，本质是封装了Expanded(flex: 1, child: SizedBox.shrink())，直接放在Row/Column里就能占据剩余空间，适合需要分配空白的场景。
• const SizedBox(width: 0, height: 0)：明确指定尺寸为0，完全不占用空间，适合严格控制占位大小的场景。
• Placeholder()：开发调试阶段专用，会显示灰色带交叉线的占位框，方便直观看到占位位置，上线前替换即可。

示例代码 #

Expanded(
  child: Row(
    children: [
      // 用SizedBox.shrink()替代null
      Expanded(child: SizedBox.shrink()),
      // 用Spacer替代null
      Expanded(child: Spacer()),
    ],
  ),
)

内容的提问来源于stack exchange，提问作者Kushal Hemanth Y