Center alignment text inside of Text in SwiftUI

Question

I am trying to set alignment on my text inside of the Text struct but I can't find any property that does that. Code example (Updated):

VStack(alignment: .center) {
            Text(optionItem.title)
                .fontWeight(.heavy)
                .color(optionItem.color)
                .font(.system(size: 64))
                .frame(width: bounds.width, height: 100, alignment: .center)
                .padding(.top, 60)

            Text(optionItem.description)
                .lineLimit(nil)
                .padding([.leading, .trailing], 40)
                .frame(width: bounds.width, height: 120, alignment: .center)
                .font(.system(size: 16))

        }
        .padding(.bottom, bounds.height * 0.55)

The Text "object" is centered but not the text inside. Image:

The Text element automatically center the content, to handle alignment you should wrap it inside a Stack (HStack or VStack). — rraphael
– rraphael, Commented Jun 11, 2019 at 11:34

rraphael · Accepted Answer · 2019-06-11 11:45:15Z

46

You should use the .multilineTextAlignment(_:) method on the Text element.

This works fine for me:

Text("[...]")
.lineLimit(nil)
.multilineTextAlignment(.center)
.padding(.horizontal, 40)

answered Jun 11, 2019 at 11:45

rraphael

11.1k2 gold badges30 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

Center alignment text inside of Text in SwiftUI

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related