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

如何解决为什么我的文本在 SwiftUI 中自动对齐？

我是 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

解决方法

默认情况下，VStack alignment 设置为 .center，但看起来您将第二个 alignment 的 VStack 设置为 {{1} }，要解决这个问题：

变化：

leading

到

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