点击返回顶部按钮后禁用CustomScrollView的动画

要禁用返回顶部时的下拉动画，可以从两个方向入手：直接取消滚动过渡动画，或者针对性禁止顶部过度滚动效果。

方法一：使用无动画的瞬间跳转 #

如果不需要平滑滚动到顶部，直接用ScrollController的jumpTo(0)方法，瞬间定位到顶部，不会触发任何过渡动画：

// 初始化滚动控制器
final ScrollController _scrollController = ScrollController();

// 返回顶部按钮点击事件
void _scrollToTop() {
  _scrollController.jumpTo(0);
}

// 在CustomScrollView中绑定控制器
CustomScrollView(
  controller: _scrollController,
  slivers: [
    // 你的sliver组件
    SliverList(...),
  ],
)

方法二：保留平滑滚动但禁用顶部过度滚动 #

如果需要平滑滚动到顶部，同时不想出现顶部的下拉回弹动画，可以结合animateTo和NotificationListener来实现：

1. 平滑滚动到顶部时，设置合适的动画曲线，避免过度滚动：

void _scrollToTop() {
  _scrollController.animateTo(
    0,
    duration: const Duration(milliseconds: 300),
    curve: Curves.easeOut, // 选择不会触发过度滚动的曲线
  );
}

2. 用NotificationListener拦截顶部的过度滚动通知，禁用指示器动画：

NotificationListener<OverscrollIndicatorNotification>(
  onNotification: (OverscrollIndicatorNotification notification) {
    // 只禁止顶部的过度滚动指示器
    if (notification.leading) {
      notification.disallowIndicator();
    }
    return false; // 不阻止其他通知传递
  },
  child: CustomScrollView(
    controller: _scrollController,
    slivers: [
      SliverList(...),
    ],
  ),
)

另外，你之前尝试的NeverScrollableScrollPhysics会完全禁用列表的滚动能力，不符合需求，建议移除这个配置。

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