Is there any way to remove the stretch effect when scrolling a list in flutter using material 3?

Question

Left is what the old material design had which was a glow effect.

Right is what the new material design has which is a stretch effect.

Inside the Material widget, set the theme property to this:

  theme: ThemeData().copyWith(
    useMaterial3: true,
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.red,
    ),
  ),

Does it only for android or web too? Can you include sample snippet — Md. Yeasin Sheikh, Aug 08 '22 at 20:55
https://stackoverflow.com/questions/50020523/how-to-disable-default-widget-splash-effect-in-flutter Answers in this question might help you. — SLendeR, Aug 08 '22 at 21:44

score 2 · Answer 1 · answered Feb 21 '23 at 08:52

Disallowing indicators works for me (glow will also disappear).

NotificationListener<OverscrollIndicatorNotification>(
  onNotification: (OverscrollIndicatorNotification overscroll) {
    overscroll.disallowIndicator();
    return false;
  },
  child: ListView.builder(
   ...
  ),
),

Or try ScrollConfiguration (may require hot restart)

ScrollConfiguration(
  behavior: ScrollBehavior(),
  child: ListView(
    ...
  ),
),

refs:

ScrollConfiguration did the work for me. Thanks !! – Albert George May 25 '23 at 14:48 — Albert George, May 25 '23 at 14:48

Is there any way to remove the stretch effect when scrolling a list in flutter using material 3?

1 Answers1