GlassScrollEdgeEffect class

A widget that fades or blurs scroll content at the top and/or bottom edges.

Matches iOS 26's .scrollEdgeEffectStyle(_:for:) modifier. Places gradient blur or overlay masks at the specified edges, creating the effect of content smoothly dissolving into navigation bars or bottom bars rather than clipping sharply.

How it works

GlassScrollEdgeStyle.soft (default, iOS 26 parity): Inside GlassPage, automatically captures the page background texture and paints it over the scroll edges with a gradient alpha mask. Outside GlassPage, falls back to a solid-colour gradient overlay using fadeColor.

GlassScrollEdgeStyle.hard: Like GlassScrollEdgeStyle.soft, but applies a 50% height zone and steeper alpha curve for a crisper structural edge.

GlassScrollEdgeStyle.blur (opt-in GPU enhancement): Uses ProgressiveBlur to apply a hardware-accelerated 2-pass Gaussian blur directly over live scrolling content. The content remains visible underneath the bar while high frequencies melt away, protecting navigation buttons and titles.

Usage

GlassScrollEdgeEffect(
  topFadeHeight: 100,
  bottomFadeHeight: 80,
  absorbPointer: true,
  child: ListView.builder(
    itemBuilder: (_, i) => ListTile(title: Text('Item $i')),
  ),
)

With GlassAppBar

Scaffold(
  extendBodyBehindAppBar: true,
  appBar: GlassAppBar(title: Text('Messages')),
  body: GlassScrollEdgeEffect(
    topFadeHeight: MediaQuery.paddingOf(context).top + 44 + 50,
    bottomFadeHeight: 60 + MediaQuery.paddingOf(context).bottom,
    child: ListView(...),
  ),
)

The topFadeHeight should typically cover the safe area + app bar height

• a buffer zone so content fades before reaching the navigation buttons.