swiftui - 对齐表单部分内的文本和文本字段

Question

另一个简单的 SwiftUI 任务给我带来了更多的麻烦。

我想不出正确对齐 Text 和 TextField 的方法。

HSTack 对齐似乎都无法产生可接受的结果。

import SwiftUI

struct SignIn: View {
    @State var email: String = ""

    var body: some View {
        VStack {
            Text("Sign In")
                .font(.largeTitle)
            Form {
                Section {
                    HStack {
                        Text("ID")
                        TextField("Email", text: $email)
                    }
                }
            }
        }
    }
}

struct SignIn_Previews: PreviewProvider {
    static var previews: some View {
        SignIn()
    }
}

Answer 1

您提到尝试不同的 HStack 对齐方式，您尝试过 .firstTextBaseline 还是 .lastTextBaseline？这两个都为我正确对齐了 Text 和 TextField。所以那条线变成了

HStack(alignment: .lastTextBaseline) {

Screenshot of Result

完整代码:

import SwiftUI

struct SignIn: View {
    @State var email: String = ""

    var body: some View {
        VStack {
            Text("Sign In")
                .font(.largeTitle)
            Form {
                Section {
                    HStack(alignment: .lastTextBaseline) {
                        Text("ID")
                        TextField("Email", text: $email)
                    }
                }
            }
        }
    }
}

struct SignIn_Previews: PreviewProvider {
    static var previews: some View {
        SignIn()
    }
}