< How to add advanced text styling using AttributedString

How to adjust text alignment using multilineTextAlignment()

Paul Hudson @twostraws December 1st 2022

Updated for Xcode 14.2

When SwiftUI’s Text views wrap across multiple lines, they align to their leading edge by default. If you want to change that, use the multilineTextAlignment() modifier to specify an alternative, such as .center, or .trailing.

For example, this will center several lines of text as they wrap across lines:

Text("This is an extremely long text string that will never fit even the widest of phones without wrapping")
    .font(.largeTitle)
    .multilineTextAlignment(.center)
    .frame(width: 300)

Download this as an Xcode project

A center-aligned multiline paragraph of text.

You can compare all three text alignments side by side using a picker such as this one:

struct ContentView: View {
    let alignments: [TextAlignment] = [.leading, .center, .trailing]
    @State private var alignment = TextAlignment.leading

    var body: some View {
        VStack {
            Picker("Text alignment", selection: $alignment) {
                ForEach(alignments, id: \.self) { alignment in
                    Text(String(describing: alignment))
                }
            }

            Text("This is an extremely long text string that will never fit even the widest of phones without wrapping")
                .font(.largeTitle)
                .multilineTextAlignment(alignment)
                .frame(width: 300)
        }
    }
}

Download this as an Xcode project

Three images showing paragraphs with left-aligned, centered, and right-aligned text.