When preparing SwiftUI code that uses List with .listStyle(.plain) for iOS 26, the by-default sticky section headers combined with the new translucent top-bars often causes unpleasantly overlapping text:
Two questions here:
Is there a modifier to make section headers non-sticky?
This would be helpful for cases where the translucent bar is a good fit and the section titles don't need to be sticky/pinned.
I found .listStyle(.grouped) can be an alternative in some cases, but this adds a gray background / additional padding to the section titles.
Is there a way to get a blurry material behind the section headers when they are sticking to the top bar?
This would be good for cases where the section header is important content-wise (like in the two-column example above or for a data list categorized using sections that should be always visible as a point of reference)
I found the scroll edge effects and .scrollEdgeEffectStyle(.hard, for: .top) does the trick for the top bar but doesn't affect attached sticky section headers (maybe it should?). Also I played around with .toolbarBackground(...) but this didn't do anything useful for a nav bar in my experiments.
Topic:
UI Frameworks
SubTopic:
SwiftUI