Search code examples
swiftswiftuiconstraintshstack

How to align the right side of an object to the exact middle of a view SwiftUI

I have an HStack with two Texts.

HStack {
Text("Hello")
Text("World")
}

I want Text("Hello") to be on the left side of the page and Text("World") to be on the right side of the page and for both texts to be equidistant from the exact horizontal center of the page. I added a visual for clarification:Visual

I've tried a bunch of different stuff but I haven't found any way to accomplish this task precisely.

Solution

  • You can use the alignment argument of the frame modifier.

    Spacing argument for the HStack is for the spacing in between the texts.

    HStack(spacing: 0) {
    Text("Hello, World!")
        .frame(maxWidth: .infinity, alignment: .trailing)
    Text("Hello, World!")
        .frame(maxWidth: .infinity, alignment: .leading)
}