Hi

when I'm in the google maps app for instance and I tap and hold a button I see a nice looking helo around the button. I mine I see an ugly square.

Can someone tell me what's the best practice to achieve the nice effect?

Thank you

Thomas

Try this. You may want to play around with things but should give you a start EG make the opacity less change the 0.3 Make a struct (in a new file is what I do)

struct CircleOverlay: ButtonStyle {
    let color: Color
    let padding: CGFloat

    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding(padding)
            .overlay(
                color
                    .opacity(configuration.isPressed ? 0.2 : 0)
                    .clipShape(Circle())
            )
    }
}

then add this to View that you want the Button

Button {
    print("Pressed")
} label: {
    VStack {
        Image(systemName: "building.2")
        Text("Commute")
    }
}
.buttonStyle(.buttonStyle(CircleOverlay(color: .gray, padding: 30)))

and depanding on size and color of the circle you want you can just change this.