如何在Flutter中用Stack实现列表部分重叠并保证滚动正常？

问题核心是Stack上层容器会拦截所有触摸事件，导致下层的ListView无法响应滚动手势。以下是两种实用解决方案：

方案一：上层列表无需交互时，透传触摸事件 #

用IgnorePointer包裹上层容器，让触摸事件穿透到下层列表，底部列表即可正常滚动。

return Stack(
  children: [
    Container(
      height: 200,
      decoration: const BoxDecoration(color: Colors.blueGrey),
      child: ListView.builder(
          itemCount: 20,
          itemBuilder: (context, index) {
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: Text('底部列表项 $index'),
            );
          }),
    ),
    IgnorePointer(
      child: Container(
        height: 100,
        decoration: BoxDecoration(color: Colors.brown[700]?.withOpacity(0.8)),
        child: ListView.builder(
            itemCount: 20,
            itemBuilder: (context, index) {
              return Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text('上层列表项 $index'),
              );
            }),
      ),
    ),
  ],
);

方案二：上层列表也需要滚动时，调整布局+手势隔离 #

通过Positioned精准控制上层列表的位置，仅让它覆盖底部列表的部分区域。未被覆盖的底部区域可正常滚动，上层列表自身区域也能独立滚动。

return Stack(
  children: [
    Container(
      height: 300,
      decoration: const BoxDecoration(color: Colors.blueGrey),
      child: ListView.builder(
          itemCount: 20,
          itemBuilder: (context, index) {
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: Text('底部列表项 $index'),
            );
          }),
    ),
    Positioned(
      top: 50,
      left: 0,
      right: 0,
      height: 150,
      child: Container(
        decoration: BoxDecoration(color: Colors.brown[700]?.withOpacity(0.8)),
        child: ListView.builder(
            itemCount: 20,
            itemBuilder: (context, index) {
              return Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text('上层列表项 $index'),
              );
            }),
      ),
    ),
  ],
);

如果需要更复杂的手势交互（比如上下层列表滚动互不干扰），可以自定义GestureDetector结合HitTestBehavior处理事件分发，但上述两种方案已能覆盖大部分场景。

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