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
– Stefan, Commented Dec 15, 2019 at 18:42
Cool. If it was helpful you can just vote up in that post. )) — Asperi
– Asperi, Commented Dec 16, 2019 at 5:51

Stefan · Accepted Answer · 2019-12-15 18:42:04Z

35

Thanks to Asperi to point me into the right direction.

I just had to add

.buttonStyle(PlainButtonStyle())

to the group.

answered Dec 15, 2019 at 18:42

Stefan

5,4479 gold badges31 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hogdotmac Over a year ago

why does this make the button unclickable?

humblePilgrim Over a year ago

may be adding a contentShape modifier would help ?

Collectives™ on Stack Overflow

SwiftUI - Button with transparent background

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related