Flutter无AppBar的Scaffold中如何让SvgPicture.asset撑满全屏

需要实现SvgPicture组件作为应用背景占满全宽全高，要求尽可能不使用double.infinity，通过LayoutBuilder传递的约束控制尺寸。原有写法直接给SvgPicture设置宽高为double.infinity，替换为constraints.maxWidth、constraints.maxHeight后出现仅能撑满高度、无法占满全宽的问题。

出现该问题的核心原因有两点：

• 直接在LayoutBuilder的builder中返回Stack时，没有主动指定Stack的尺寸，Stack默认会在父级约束下适配子组件大小，不会自动撑满全部可用空间
• 直接给SvgPicture设置constraints的宽高值时，由于Stack本身没有占满约束空间，子组件的尺寸计算会出现偏差，最终只能撑满单边

全程不使用double.infinity，完全基于LayoutBuilder传递的约束实现全屏背景效果，代码如下：

LayoutBuilder(
  builder: (layoutBuilderContext, constraints) {
    // 先强制容器撑满LayoutBuilder拿到的全部可用宽高
    return SizedBox(
      width: constraints.maxWidth,
      height: constraints.maxHeight,
      child: Stack(
        children: [
          // Positioned.fill通过四边定位强制子组件撑满Stack全部区域，无需手动给图片设宽高
          Positioned.fill(
            child: SvgPicture.asset(
              'assets/images/welcome/bg-welcome-screen.svg',
              fit: BoxFit.cover,
            ),
          ),
          // 其余页面组件放在Stack子列表中，层级在背景图之上即可
        ],
      ),
    );
  },
)

• 若需要背景覆盖整个屏幕（包含AppBar、状态栏区域），请将上述LayoutBuilder逻辑放在Scaffold外层，用Stack包裹Scaffold后把背景放在Scaffold下层，避免Scaffold自带的组件偏移影响背景覆盖范围
• 若页面存在输入框、键盘弹出场景，可给Scaffold设置resizeToAvoidBottomInset: false，避免键盘弹出时挤压背景尺寸
• fit: BoxFit.cover属性保持不变即可，该模式会按图片原始比例缩放裁剪，保证填满空间的同时不会出现图片拉伸变形

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