A solution suggested by @fatbobman.com is to "duplicate" the top/bottom content: one hidden in the safeAreaInset of each page + one visible/interactive in an overlay of the parent/container View (ZStack).

Of course it depends on the onboarding design.

Gist: gist.github.com/alpennec/2a3...

I'm building a custom #SwiftUI navigation flow for an app onboarding but I'm having layout issues when moving from steps with/without safeAreaInset content to steps without/with safeAreaInset content. See blue frame.

Any idea how to fix this?

Gist: gist.github.com/alpennec/e9c...

@fatbobman.com

Oh is that actually fixed on iOS 26.1 beta 2 (23B5059e)?! 😅

It turns out .glassEffect(.regular.interactive(), in: .circle) is actually buggy too 😱

Another shape appears when the button is touched & the finger is moved around 🤦🏻‍♂️

I only tested on a white background in light mode before but it’s clearly visible on a contrasting background…

Sigh 😔

On iOS 26, the touch gestures from a sheet are propagated below it and play the liquid glass effect on the controls 🫤 Luckily, it doesn’t trigger the button actions…

Is there a fix for that?

Is it possible to replicate the style of a liquid glass toolbar button in #SwiftUI?

Using buttonStyle(.glass) + buttomBorderShape(.circle) shows another circle within the button when touched 🫤

And glassEffect(in: .circle) doesn’t render the same visual effect when touched 😞

.popover (button) + .presentationCompactAdaptation(.sheet)

Want to have a sheet "zoom out" of toolbar buttons in iOS 26 instead of sliding up from the bottom of the screen?

Two SwiftUI ways:

1. ZoomNavigationTransition (sheet content) + matchedTransitionSource (button)

2. .popover (button) + .presentationCompactAdaptation(.sheet) ➡️ see below for video

PSA: in iOS 26, use the new SwiftUI safeAreaBar modifier instead of safeAreaInset to get the progressive blur at the top/bottom of a scroll view with custom content.

Handy if you want bottom content without a tab bar or system toolbar for example.

Link to the documentation ⬇️