如何修复Flutter中androidOverscrollIndicator已弃用的警告

你遇到的是Flutter 2.13版本后ScrollBehavior.androidOverscrollIndicator属性被弃用的问题，下面是两种实用的修复方式：

方法一：启用Material3主题 #

Material3默认采用拉伸式过滚动效果，只需在App的主题配置中开启useMaterial3: true，就能实现所需的拉伸效果，同时消除警告，这种方式最简洁。

修改示例：

MaterialApp(
  theme: ThemeData(
    useMaterial3: true, // 启用Material3主题
    // 其他主题配置项
  ),
  home: Scaffold(
    body: ListView(
      physics: const ClampingScrollPhysics(),
      children: [
        // 你的子组件
      ],
    ),
  ),
);

启用后无需额外嵌套ScrollConfiguration和GlowingOverscrollIndicator，Material3会自动处理过滚动效果。

方法二：自定义ScrollBehavior重写buildOverscrollIndicator #

如果不想切换到Material3，可以自定义一个ScrollBehavior，通过重写buildOverscrollIndicator方法实现拉伸效果，替代弃用的属性，这种方式更灵活，支持自定义效果细节。

修改后的完整代码：

// 自定义ScrollBehavior类
class StretchScrollBehavior extends ScrollBehavior {
  const StretchScrollBehavior();

  @override
  Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) {
    // 针对Android平台返回拉伸效果的GlowingOverscrollIndicator
    return GlowingOverscrollIndicator(
      axisDirection: details.direction,
      color: Colors.white,
      notificationPredicate: defaultScrollNotificationPredicate,
      stretchTriggerOffset: 100.0, // 可自定义拉伸触发的偏移量
      child: child,
    );
  }

  @override
  ScrollPhysics getScrollPhysics(BuildContext context) {
    // 保留你原本使用的ClampingScrollPhysics
    return const ClampingScrollPhysics();
  }
}

// 使用自定义的ScrollBehavior
ScrollConfiguration(
  behavior: const StretchScrollBehavior(),
  child: ListView(
    children: [
      // 你的子组件
    ],
  ),
);

注意：原代码中同时嵌套了ScrollConfiguration和GlowingOverscrollIndicator，自定义ScrollBehavior后无需再单独添加GlowingOverscrollIndicator，避免重复嵌套导致的冗余。

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