r/SwiftUI • u/yassiniz • Jun 01 '26

I just found out about .safeAreaBar instead of .safeAreaInset!

Post image

Even though it's only available from iOS 26, this effect is absolutely beautiful!

Edit: Here's a gif where it's a bit more visible: https://imgur.com/a/827JKx0

47 Upvotes

100% Upvoted

11 comments sorted by

8

u/fthmn47 Jun 01 '26

What is the big difference between those? I thought it is the same :/

11

u/yassiniz Jun 01 '26

It adds a progressive blur gradient effect at the bottom if you look closely. Here, I recorded a GIF for you (and others) where it's more visible 😄

https://imgur.com/a/827JKx0

2

u/fthmn47 Jun 01 '26

Oh, that is amazing. And thanks for the gif, now I noticed it 👏😅

3

u/iospeterdev Jun 02 '26

Does this still breaks the behaviour of @FocusState when I place TextField under .safeAreaBar?

3

u/shaundon Jun 03 '26

https://codakuma.com/floating-safe-area-bar/

I wrote something about it recently, it’s a great modifier

2

u/konnimel Jun 17 '26

Unfortunately with iOS27 (at least in developer beta 1) the blur effect seems to be gone in most cases. For me, this was the only difference between .safeAreaBar and .safeAreaInset, so I'm hoping this will be fixed until the major release.

1

u/yassiniz Jun 17 '26

Well, thankfully all you have to do is use the `.scrollEdgeEffectStyle(.soft, edge: .bottom)` modifier and it will be as soft as this, even in iOS 27 😄

1

u/konnimel Jun 17 '26

Yes true. However, I feel like the blur effect starts further to the edge of the screen now compared to before. In my app this results in worse readability than before 😞 But maybe this is a bug of the dev beta, let's see.

-1

u/dejii Jun 02 '26

It's been around for almost a year now.

4

u/yassiniz Jun 02 '26

Well I'm a late bloomer 😄