Hey,
The new "soft" scroll edge effect is really cool! But it seems to only appear when you add toolbar items.
Is there a way to add it for "custom" views as well, that I place in a safe area inset?
For example, the messages app in iOS 26 does this. There's a text field as a safe area inset as well as a soft scroll edge effect.
Thanks!
I think using safeAreaBar instead of safeAreaInset is supposed to achieve that.
However it doesn't seem to behave differently than safeAreaInset at the moment so it might be broken.
Code that reproduces the problem:
import SwiftUI
struct ContentView: View {
var body: some View {
ScrollView {
Text(Array(repeating: "Hello, World", count: 500).joined(separator: " "))
.padding()
}
.scrollEdgeEffectStyle(.hard, for: .bottom)
.safeAreaBar(edge: .bottom) {
Button(action: {}) {
Text("There should be a scroll edge effect underneath me")
.frame(maxWidth: .infinity)
}
.buttonStyle(.glass)
.buttonSizing(.fitted)
.padding()
}
}
}
#Preview {
ContentView()
}
Same thing here, looks like .scrollEdgeEffectStyle is not working correctly in Beta 1:
.safeAreaBar(edge: .bottom, content: {
CustomToolbarView()
})
.scrollEdgeEffectStyle(.soft, for: .bottom)
no edge effect applied
Ah, I missed this new modifier. That's cool! Hopefully, they'll fix it in a future beta :)
Thanks!
Doesn't seem to be fixed in Beta 2, unless it requires an updated SDK/Xcode that haven't been released yet.
Yeah, this does not seem to work even with Xcode 26 beta2.
There’s a known issue with safeAreaBar on the beta builds and the engineering team is investigating it.
Please open a bug report and post the FB number here once you do. Bug Reporting: How and Why? has tips on creating your bug report.