能否为Scaffold设置渐变背景且无需使用带decoration的Container？

方案1：用Stack嵌套Scaffold，底层放置渐变组件 #

把渐变组件放在Stack最底层，同时将Scaffold的backgroundColor设为透明，这样渐变就能作为Scaffold的背景显示，完全不用给body套Container。

示例代码：

Stack(
  children: [
    // 渐变背景层
    const DecoratedBox(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topLeft,
          end: Alignment.bottomRight,
          colors: [Colors.blue, Colors.purple],
        ),
      ),
      child: SizedBox.expand(),
    ),
    // 透明背景的Scaffold
    Scaffold(
      backgroundColor: Colors.transparent,
      appBar: AppBar(title: const Text('渐变背景Scaffold')),
      body: const Center(child: Text('内容区域')),
    ),
  ],
)

这里用DecoratedBox实现渐变，避开了直接使用带decoration的Container，SizedBox.expand()能确保渐变层铺满整个屏幕。如果需要让渐变延伸到AppBar下方，只需给Scaffold加上extendBodyBehindAppBar: true，同时把AppBar的backgroundColor设为透明、elevation设为0即可。

方案2：自定义Scaffold底层绘制（进阶用法） #

如果不想用Stack，也可以通过自定义Scaffold的底层绘制逻辑实现，但这种方式相对复杂，日常开发中方案1已经足够满足需求，更推荐使用方案1。

内容的提问来源于stack exchange，提问作者JAgüero