Search code examples
swiftuilabelvstack

SwiftUI - Label not aligning to left

I've got a very basic view with a label in it in SwiftUI and I'm struggling to get it to align to the left. This is what it is:

VStack(alignment: .leading) {
  Label("Hi", ...)
}
.frame(maxWidth: .infinity)

No matter what I've tried the label stays in the center of the view. How can I fix this?

Solution

  • The alignment parameter in the VStack initialiser determines that its child views will align to the stack's leading edge.

    What you are missing is an alignment parameter in the frame modifier that tells the layout system how the content should position itself within your expanded frame.

    VStack(alignment :.leading) { // alignment of the two labels
  Label("Hi", ...)
  Label("Second line", ...)
}
.frame(maxWidth: .infinity, alignment: .leading) // alignment of the whole stack in the larger frame