Flutter：在PageView Builder内嵌套含双ListView的ListView及滚动异常问题

出现这个问题的核心原因是内层ListView会默认拦截触摸滚动事件，导致上层的PageView无法接收到滚动触发信号。以下是几种针对性的解决办法：

方案一：禁止内层ListView处理滚动（适合不需要内层滚动的场景） #

直接给嵌套的两个内层ListView添加physics: const NeverScrollableScrollPhysics()，让它们放弃对滚动事件的处理，触摸事件会自动传递给外层的PageView：

ListView(
  physics: const NeverScrollableScrollPhysics(),
  children: [...],
)

方案二：自定义滚动物理规则（支持内层和PageView同时滚动） #

如果需要内层ListView和PageView分别处理不同方向的滚动（比如PageView横向滚动，内层ListView纵向滚动），可以自定义ScrollPhysics来控制事件分发逻辑：

class DirectionalScrollPhysics extends ScrollPhysics {
  const DirectionalScrollPhysics({ScrollPhysics? parent}) : super(parent: parent);

  @override
  DirectionalScrollPhysics applyTo(ScrollPhysics? ancestor) {
    return DirectionalScrollPhysics(parent: buildParent(ancestor));
  }

  @override
  bool shouldAcceptUserOffset(ScrollMetrics position) {
    // 仅当滚动方向为纵向时，内层ListView才处理事件
    return position.axis == Axis.vertical;
  }
}

然后给内层ListView设置这个自定义物理规则：

ListView(
  physics: const DirectionalScrollPhysics(),
  children: [...],
)

方案三：重构布局结构（推荐的最优解） #

如果多层滚动嵌套不是必须的，建议用CustomScrollView搭配Sliver组件（比如SliverList）来替代多层ListView嵌套。这种方式不仅能避免滚动事件冲突，还能提升列表的渲染性能：

CustomScrollView(
  slivers: [
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (context, index) => ...,
        childCount: ...,
      ),
    ),
    // 第二个可滚动区域
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (context, index) => ...,
        childCount: ...,
      ),
    ),
  ],
)

内容的提问来源于stack exchange，提问作者Immanuvel Blessanraj Mariappan