Flutter中SingleChildScrollView导致按钮无法点击问题求助

Stack 中子组件按添加顺序堆叠，后加入的 SingleChildScrollView 会覆盖在第一个 Container（包含 ReturnButton）之上。尽管 SingleChildScrollView 设置了 top:150 的内边距，但它的布局范围仍是全屏，会拦截整个屏幕的点击事件，包括下方 ReturnButton 的位置，导致按钮无法响应。

将 ReturnButton 从第一个 Container 中移出，作为 Stack 的最后一个子组件，让它处于布局最上层，避免被 SingleChildScrollView 遮挡：

Scaffold(
  body: Stack(
    children: [
      // 全屏背景层
      Container(
        height: double.infinity,
        decoration: const BoxDecoration(color: AppColors.secondaryBackground),
      ),
      SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.only(top: 150.0),
          child: Container(
              width: double.infinity,
              decoration: const BoxDecoration(
                  color: AppColors.mainBackground,
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(25),
                      topRight: Radius.circular(25))),
              child: Padding(
                  padding: const EdgeInsets.symmetric(
                      horizontal: 20.0, vertical: 20.0),
                  child: Column(children: const []))),
        ),
      ),
      // 独立的返回按钮，处于最上层可正常点击
      const SafeArea(
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 20.0),
          child: ReturnButton(),
        ),
      ),
    ],
  ),
);

也可以用 Positioned 精确控制按钮位置，效果一致：

// 替换上述的按钮部分
const Positioned(
  top: 0,
  left: 20,
  right: 20,
  child: SafeArea(
    child: ReturnButton(),
  ),
),

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