How to remove scroll glow

Question

By default, flutter adds a glowing effect on ListView/GridView/... to overscrolls on android phones

I would like to remove this effect entirely or on one specific scrollable. I know that I can change ScrollPhysics to change between Bounce/Clamp. But this doesn't actually remove the glow effect.

What can I do ?

Answer 1

To remove the overscroll glow effect from a ListView/GridView or other scrollable widgets in Flutter, you can use a GlowingOverscrollIndicator widget. This widget is designed to provide a customizable glow effect that appears when the user overscrolls a scrollable widget.

To remove the glow effect, simply wrap your scrollable widget in a GlowingOverscrollIndicator widget and set the showLeading and showTrailing properties to false. Here's an example:

GlowingOverscrollIndicator(
  showLeading: false,
  showTrailing: false,
  child: ListView(
    // your list items here
  ),
),

This will remove the glow effect from the scrollable widget. If you want to remove the effect on a specific scrollable widget, you can wrap that widget in the GlowingOverscrollIndicator instead.

Note that the GlowingOverscrollIndicator is only available for Android. On iOS, the overscroll effect is not displayed by default.