How to Left Align Text in SwiftUI?

SwiftUI – Left Align Text

To left align Text view in its frame, set the frame alignment of this Text view to leading edge.

The following code shows how to left align text in Text view.

Text("Hello World")
    .frame(maxWidth: .infinity, alignment: .leading)

Example

In the following example, we created a Text view, and set its alignment to left.

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
            Text("Hello World")
                .font(.title)
                .fontWeight(.bold)
                .frame(maxWidth: .infinity, alignment: .leading)
                .padding(.all)
                .border(Color.gray.opacity(0.5))
        }
        .padding(.all)
    }
}

Screenshot

Summary

Summarising this SwiftUI Tutorial, we learned how to left align text in Text view.