modalBottomSheet与ListView滚动同步：列表触顶后拖动关闭弹窗

下面提供两种实用的解决思路，直接对应你的需求：

方法一：通过NotificationListener监听滚动边界事件 #

利用Flutter的滚动通知机制，捕捉ListView滚动到顶部后的拖动行为，将事件透传给ModalBottomSheet：

showModalBottomSheet(
  context: context,
  builder: (context) {
    return NotificationListener<ScrollNotification>(
      onNotification: (notification) {
        // 检测ListView滚动到顶部后继续向下拖动的动作
        if (notification is OverscrollNotification && notification.overscroll < 0) {
          // 返回false，允许事件传递给父级的ModalBottomSheet
          return false;
        }
        // 其他滚动场景由ListView自己处理
        return true;
      },
      child: ListView.builder(
        itemCount: 50,
        itemBuilder: (_, index) => ListTile(title: Text('列表项 $index')),
      ),
    );
  },
);

核心逻辑：OverscrollNotification会在滚动超出组件边界时触发，overscroll < 0代表用户在ListView顶部继续向下拖动，此时放弃事件拦截，让ModalBottomSheet响应拖动关闭操作。

方法二：自定义ScrollPhysics控制滚动权限 #

通过自定义滚动物理规则，让ListView在滚动到顶部时，主动把滚动控制权交还给父组件：

class ParentPassScrollPhysics extends ScrollPhysics {
  const ParentPassScrollPhysics({super.parent});

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

  @override
  bool shouldAcceptUserOffset(ScrollMetrics position) {
    // 只有当ListView未滚动到顶部时，才处理滚动事件
    return position.pixels > 0 || super.shouldAcceptUserOffset(position);
  }
}

在ListView中使用这个自定义Physics：

ListView.builder(
  physics: const ParentPassScrollPhysics(),
  itemCount: 50,
  itemBuilder: (_, index) => ListTile(title: Text('列表项 $index')),
)

核心逻辑：shouldAcceptUserOffset方法决定组件是否接收用户的滚动偏移，当ListView滚动到顶部（position.pixels == 0）时，返回false，让父级的ModalBottomSheet处理后续拖动操作。

额外注意 #

如果你的ListView包含顶部内边距（padding）或头部组件，需要调整滚动边界的判断逻辑，比如结合position.minScrollExtent来判断是否真的滚动到了列表最顶部，避免误判。

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