How to add multiple buttons inside a singular VStack in a View (Xcode12, SwiftUI)

Question

I'm having trouble having multiple buttons inside a singular VStack. I get the error: Extra Arguments at positions ... Below is my code. This code is within the View Folders and I am using Xcode12 with SwiftUI

Exact error message: Extra arguments at positions #11, #12, #13 in call

import SwiftUI struct HomeView: View { @Binding var page: Pages var drink = Drink.AllDrinks var body: some View { VStack { drink[0].image .resizable() .frame(width:80, height: 80) Text(drink[0].name) Button(action: {page = Pages.Home}) { OrderButtonContent() } Spacer() .frame(height: 35) drink[1].image .resizable() .frame(width: 80, height: 80) Text(drink[1].name) Button(action: {page = Pages.Home}) { OrderButtonContent } drink[2].image .resizable() .frame(width: 80, height: 80) Text(drink[2].name) Button(action: {page = Pages.Home}) { OrderButtonContent } drink[7].image .resizable() .frame(width: 80, height: 80) Text(drink[7].name) Button(action: {page = Pages.Home}) { OrderButtonContent } } } } struct HomeView_Previews: PreviewProvider { static var previews: some View { HomeView(page: .constant(Pages.Home)) } } struct OrderButtonContent: View { var body: some View { Text("Order") .font(.headline) .foregroundColor(.white) .padding() .frame(width: 80, height: 30) .background(Color.blue) .cornerRadius(15.0) } }

Does this answer your question? SwiftUI: Random "Extra argument in call" error — jnpdx
– jnpdx, Commented Apr 9, 2021 at 22:43

swiftPunk · Accepted Answer · 2021-04-09 22:59:33Z

It is so easy, let see what error say: Exact error message: Extra arguments at positions #11, #12, #13 in call

It says extra arguments! maximum number of arguments are 10 in SwiftUI, we should use Group for this, like this:

struct HomeView: View { @Binding var page: Pages var drink = Drink.AllDrinks var body: some View { VStack { Group { // <<: Here! drink[0].image .resizable() .frame(width:80, height: 80) Text(drink[0].name) Button(action: {page = Pages.Home}) { OrderButtonContent() } Spacer() .frame(height: 35) drink[1].image .resizable() .frame(width: 80, height: 80) Text(drink[1].name) Button(action: {page = Pages.Home}) { OrderButtonContent() } } Group { // <<: Here! drink[2].image .resizable() .frame(width: 80, height: 80) Text(drink[2].name) Button(action: {page = Pages.Home}) { OrderButtonContent() } drink[7].image .resizable() .frame(width: 80, height: 80) Text(drink[7].name) Button(action: {page = Pages.Home}) { OrderButtonContent() } } } } }

Ok thank you that works but now I'm getting the error that the argument in my second button in each group is unnamed: Unnamed argument #2 must precede argument 'action' My code is exactly as you showed above with two groups.
You're missing () after most of your OrderButtonContents
@AryanChordia: I edited the code for you, you forgot () for OrderButtonContent it should be all like: OrderButtonContent()

Collectives™ on Stack Overflow

How to add multiple buttons inside a singular VStack in a View (Xcode12, SwiftUI)

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related