SwiftUI Text alignment with maxWidth not working

Question

I have the following code:

struct ContentView: View {
    var body: some View {
        Text("Test")
            .foregroundColor(.white)
            .font(.subheadline)
            .frame(maxWidth: .infinity)
            .alignmentGuide(.leading) { d in d[.leading] }
            .background(Color(.blue))
    }
}

But as you can see on the image bellow, it does not left align the text. Does anyone knows why this is happening? Maybe because i'm using maxWidth the alignmentGuide thinks it's already left aligned?

Martijn Pieters · Accepted Answer · 2022-08-23 07:08:47Z

47

Because alignmentGuide has effect in container with other subviews. In this case you need to align Text within own frame.

Here is solution

Text("Test")
    .foregroundColor(.white)
    .font(.subheadline)
    .frame(maxWidth: .infinity, alignment: .leading)   // << here !!
    .background(Color(.blue))

edited Aug 23, 2022 at 7:08

Martijn Pieters

1.1m326 gold badges4.2k silver badges3.4k bronze badges

answered Jul 4, 2020 at 19:08

Asperi

262k28 gold badges594 silver badges889 bronze badges

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

1 Comment

chitgoks Over a year ago

wow I didnt expect that. I wanted to alphabetically declare them so sequence does matter

Collectives™ on Stack Overflow

SwiftUI Text alignment with maxWidth not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related