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

1

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

            
            
        }
    }
}

edited Apr 9, 2021 at 22:59

answered Apr 9, 2021 at 22:45

swiftPunk

1

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

4 Comments

Aryan Chordia Over a year ago

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.

jnpdx Over a year ago

You're missing () after most of your OrderButtonContents

swiftPunk Over a year ago

use OrderButtonContent() instead of OrderButtonContent

swiftPunk Over a year ago

@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

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related