What is the scroll edge dissolve effect used behind large titles in iOS 26 apps?

Question

Created 6d

Replies 1

Boosts 0

Participants 2

Hi,

I am trying to find out what this effect called or how is it implemented. We use it behind the text or title, where the scrollable content goes behind it and it first starts to blur gradually and fade out.

I tried using material, .background(.bar), gradient masks. None of these reproduce the same behavior.

Here's what I'm referring to:

Please let me know what is it or how is it implemented. Tutorial would be appreciated.

Thanks!

Answer 1

DTS Engineer OP

Apple

5d

This is the system scroll edge effect. If you're using a standard NavigationStack with a large title and a ScrollView/List, you already get it for free. See scroll edge effects, scrollEdgeEffectStyle(_:for:) and scrollEdgeEffectHidden(_:for:).