How to center VStack horizontally inside List with SwiftUI?

Question

I have a simple view:

var body: some View {
    NavigationView {
        List(months) { month in
            NavigationLink {
                MonthView(month: month)
            } label: {
                VStack(alignment: .center, spacing: 8, content: {
                    Text("abc")
                    Text("abcdef")
                    Text("a")
                })
            }
            .listRowBackground(
                Color(uiColor: mode.darkUnderlayBackgroundColor)
                    .clipped()
                    .cornerRadius(10)
            )
        }
        .navigationTitle(months.first?.descriptiveYear ?? "")
    }
}

and result is:

How can I center it in a whole view?

score 2 · Accepted Answer · answered Jan 23 '23 at 21:29

2

You just need to set the maxWidth to infinity using the .frame modifier. This will allow it to expand horizontally to take up as much room as it needs

VStack(alignment: .center, spacing: 8) {
    Text("abc")
    Text("abcdef")
    Text("a")
}
.frame(maxWidth: .infinity)

answered Jan 23 '23 at 21:29

Ashley Mills

50,474
16
129
160

Maybe you know the answer for that question also: https://stackoverflow.com/q/75209340/2725435 – Bartłomiej Semańczyk Jan 23 '23 at 21:43
1

@BartłomiejSemańczyk Answered – Ashley Mills Jan 23 '23 at 21:57
Maybe do you know the answer for another question? ;) https://stackoverflow.com/q/75227399/2725435 – Bartłomiej Semańczyk Jan 24 '23 at 21:19

How to center VStack horizontally inside List with SwiftUI?

1 Answers1