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

Flutter中如何移除ListView Builder的滚动反光效果

解决ListView Builder滚动底部蓝色反光阴影问题

以下两种方法可以快速移除这个滚动过度时出现的蓝色阴影效果:

1. 针对单个ListView单独配置

在ListView.builder中添加对应的属性即可:

  • 方法一:设置physics为ClampingScrollPhysics,直接移除Android端的过度滚动蓝色阴影
ListView.builder(
  physics: const ClampingScrollPhysics(),
  itemCount: 你的条目数量,
  itemBuilder: (context, index) {
    return 你的条目组件();
  },
)
  • 方法二:通过scrollBehavior关闭过度滚动效果
ListView.builder(
  scrollBehavior: const ScrollBehavior().copyWith(overscroll: false),
  // 其他原有属性
)

2. 全局移除所有滚动组件的过度滚动阴影

如果希望整个应用内的所有滚动组件(比如ListView、GridView等)都不再出现这类阴影,直接在MaterialApp中配置全局滚动行为:

MaterialApp(
  scrollBehavior: const ScrollBehavior().copyWith(overscroll: false),
  home: 你的首页组件(),
)

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.27 13:32:05