SwiftUI - Button with transparent background

Question

I want to create a game menu which shows a list of different options like 'New Game'.

I've realised that with buttons:

    var body: some View {
        VStack {
            Image("Title")
            Group {
                Button(LocalizedStringKey("new"), action: {}
                Button(LocalizedStringKey("load"), action: {})
                Button(LocalizedStringKey("save"), action: {})
                Button(LocalizedStringKey("resume"), action: {})
                Button(LocalizedStringKey("main"), action: {})
                Button(LocalizedStringKey("tutorial"), action: {})
                Button(LocalizedStringKey("credits"), action: {})                         
            }
            .background(Color.clear)
            .font(.custom("Snell Roundhand", size: 24))
            .padding()
        }
    }

and it looks like this:

How can I hide the background rectangle of the button? I want to see only the text. Touching the text should trigger the action.

Yes. that was the solution: I just had to add ".buttonStyle(PlainButtonStyle())". If you want to get the credits for this, you can post it as answer :-) — Stefan
Cool. If it was helpful you can just vote up in that post. )) — Asperi

Stefan Stefan · Accepted Answer · 2019-12-15T18:42:04

Thanks to Asperi to point me into the right direction.

I just had to add

.buttonStyle(PlainButtonStyle())

to the group.

SwiftUI - Button with transparent background

1 Answers