You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter:如何实现ListView滚至边界后再触发CustomScrollView滚动?

嵌套滚动布局的滚动优先级控制问题

核心布局代码

CustomScrollView(
  physics: const AlwaysScrollableScrollPhysics(
    parent: BouncingScrollPhysics(),
  ),
  slivers: [
    SliverFillRemaining(
      hasScrollBody: true,
      child: ListView(
        children: [],
      ),
    ),
  ],
)

布局背景与目的

  • 实际布局中,ListView外层嵌套了Column,用于在列表上方放置标题组件
  • 采用该布局的核心目的:
    • 当列表仅有2-3项时,列表与标题可整体居中显示
    • 外层CustomScrollView可带动标题一起产生弹跳滚动效果

滚动控制需求

当前列表项较多时已实现近似效果,但需要严格遵循以下滚动规则:

  1. 优先滚动内部的ListView
  2. 当ListView滚动至顶部或底部边界时,再由外层CustomScrollView处理滚动

内容的提问来源于stack exchange,提问作者FMorschel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 04:16:06