CODEWITHSUNDEEP
swiftswiftuiwatchos
Bartłomiej Semańczyk
Bartłomiej Semańczyk

Reputation: 61880

How to center VStack horizontally inside List with SwiftUI?

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:

enter image description here

How can I center it in a whole view?

Upvotes: 2

Views: 159

Answers (1)

Ashley Mills
Ashley Mills

Reputation: 53231

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)

Upvotes: 2

Related Questions