为什么我的文本在 SwiftUI 中自动左对齐？答案

【问题标题】：Why is my text auto aligning left in SwiftUI?为什么我的文本在 SwiftUI 中自动左对齐？
【发布时间】：2021-09-28 05:07:40
【问题描述】：

我是 Swift 新手，通常当我在 VStack 或 HStack 中添加文本时，它会将文本添加到屏幕中间，但由于某种原因它现在位于左侧。为什么会这样，我该如何解决？

  var body: some View {
        VStack(spacing: 20){
            Image("logo")
                .resizable()
                .scaledToFit()
                .frame(width: 250, height: 250)
            VStack(alignment: .leading){
                Text("Welcome Back").font(.system(size: 32, weight: .heavy))
                Text("Sign in to continue").font(.system(size: 16, weight: .medium))
                FormField(value: $email, icon: "mail", placeholder: "Email")
                FormField(value: $password, icon: "lock", placeholder: "Password", isSecure: true)
                Button(action: {print("")}){
                    Text("Sign In")
                        .font(/*@START_MENU_TOKEN@*/.title/*@END_MENU_TOKEN@*/)
                        .modifier(ButtonModifiers())
                }
                HStack{
                    Text("New?")
                    Text("Create a new account")
                }
                
            }
            .padding(.horizontal)
            
        }
    }

enter image description here

【问题讨论】：

标签： swift text swiftui alignment

【解决方案1】：

默认情况下，VStack alignment 设置为 .center，但看起来您将第二个 VStack 的 alignment 设置为 leading，以解决此问题：

变化：

VStack(alignment: .leading){ 
    // your code ...
}

到

VStack(alignment: .center){ 
    // your code ...
}

【讨论】：