Can you get the new "soft" scroll edge effect for custom safe area inset views?

Question

Quantm OP

Created 1w

Replies 3

Boosts 2

Participants 3

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!

Boost

Answer 1

russelll OP

6d

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()
}

2

Answer 2

deepstereo OP

6d

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

1

Answer 3

Quantm OP

6d

Ah, I missed this new modifier. That's cool! Hopefully, they'll fix it in a future beta :)

Thanks!

0