兄弟我太懂你这个痛点了！之前做表单填一堆数字，输完之后完全分不清哪个对应哪个，用LabeledContent又遇到输入框歪歪扭扭的情况，折腾了好一阵才搞定，给你分享两个靠谱的解决办法👇

首先说标签永久显示的核心：
SwiftUI里Form默认的TextField标签是"占位符式"的，填内容就消失，要让标签一直显示，最直接的就是用LabeledContent组件，它天生就是用来做"标签+内容"的布局，标签会一直留在左边，不会消失。

但你遇到的对齐问题确实烦人，这里给你两种解决思路：

方法一：固定标签宽度（快速上手） #

这个方法最简单，给所有标签设置一个统一的最小宽度，这样不管标签文字长短，输入框的起始位置都能对齐。代码示例：

struct ContentView: View {
    @State private var height = ""
    @State private var weight = ""
    @State private var age = ""
    
    // 统一设置标签的最小宽度，根据你的需求调整数值
    private let labelMinWidth: CGFloat = 60
    
    var body: some View {
        NavigationStack {
            Form {
                LabeledContent {
                    TextField("请输入", text: $height)
                        .textFieldStyle(.roundedBorder)
                } label: {
                    Text("身高")
                        .frame(minWidth: labelMinWidth, alignment: .leading)
                }
                
                LabeledContent {
                    TextField("请输入", text: $weight)
                        .textFieldStyle(.roundedBorder)
                } label: {
                    Text("体重（kg）")
                        .frame(minWidth: labelMinWidth, alignment: .leading)
                }
                
                LabeledContent {
                    TextField("请输入", text: $age)
                        .textFieldStyle(.roundedBorder)
                } label: {
                    Text("年龄")
                        .frame(minWidth: labelMinWidth, alignment: .leading)
                }
            }
            .navigationTitle("个人信息")
        }
    }
}

原理很简单：给每个标签文本设置固定的最小宽度，这样即使标签文字短，也会占够宽度，输入框自然就对齐了。数值可以根据你的标签最长长度来调整，比如最长的标签是"体重（kg）"，就把labelMinWidth设成比这个文字宽度大一点的数值就行。

方法二：动态计算最长标签宽度（灵活适配） #

如果你的标签长度不确定（比如多语言适配），固定宽度就不太灵活了，这时候可以用PreferenceKey动态计算所有标签中最长的那个宽度，然后自动应用到所有标签上，完美适配各种情况。代码示例：

// 先定义一个PreferenceKey，用来传递标签的宽度
struct LabelWidthPreferenceKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        // 取所有标签宽度中的最大值
        value = max(value, nextValue())
    }
}

struct ContentView: View {
    @State private var height = ""
    @State private var weight = ""
    @State private var age = ""
    @State private var maxLabelWidth: CGFloat = 0
    
    var body: some View {
        NavigationStack {
            Form {
                LabeledContent {
                    TextField("请输入", text: $height)
                        .textFieldStyle(.roundedBorder)
                } label: {
                    Text("身高")
                        .frame(minWidth: maxLabelWidth, alignment: .leading)
                        .background(
                            // 用GeometryReader获取当前标签的宽度
                            GeometryReader { proxy in
                                Color.clear
                                    .preference(key: LabelWidthPreferenceKey.self, value: proxy.size.width)
                            }
                        )
                }
                
                LabeledContent {
                    TextField("请输入", text: $weight)
                        .textFieldStyle(.roundedBorder)
                } label: {
                    Text("体重（kg）")
                        .frame(minWidth: maxLabelWidth, alignment: .leading)
                        .background(
                            GeometryReader { proxy in
                                Color.clear
                                    .preference(key: LabelWidthPreferenceKey.self, value: proxy.size.width)
                            }
                        )
                }
                
                LabeledContent {
                    TextField("请输入", text: $age)
                        .textFieldStyle(.roundedBorder)
                } label: {
                    Text("年龄")
                        .frame(minWidth: maxLabelWidth, alignment: .leading)
                        .background(
                            GeometryReader { proxy in
                                Color.clear
                                    .preference(key: LabelWidthPreferenceKey.self, value: proxy.size.width)
                            }
                        )
                }
            }
            .navigationTitle("个人信息")
            // 监听PreferenceKey的变化，更新最大标签宽度
            .onPreferenceChange(LabelWidthPreferenceKey.self) { newWidth in
                maxLabelWidth = newWidth
            }
        }
    }
}

这个方法的好处是完全自适应，不管你的标签是长是短，甚至切换语言后标签长度变化，系统都会自动计算最长的标签宽度，让所有输入框完美对齐，非常适合需要适配多语言或者标签长度不确定的场景。

额外小提示 #

如果你不想用LabeledContent，也可以用HStack自定义每一行，原理和上面一样，给标签设置固定或动态宽度：

HStack {
    Text("身高")
        .frame(minWidth: 60, alignment: .leading)
    Spacer()
    TextField("请输入", text: $height)
        .textFieldStyle(.roundedBorder)
        .frame(maxWidth: 150)
}
.padding(.horizontal)

不过LabeledContent更贴合Form的原生样式，比如系统自带的分隔线、点击反馈这些，所以更推荐用LabeledContent配合宽度设置的方法。

这样应该就完美解决你的问题了，标签永久显示，输入框也整整齐齐的😎