SwiftUI中简化macOS重复表单Stack的实现方案咨询

针对你在macOS SwiftUI开发中重复创建表单布局的需求，有两种简洁的优化方案可以避免手动嵌套VStack：

方案一：自定义专用表单字段View（推荐） #

直接封装一个专用的FormFieldView，把所有固定布局逻辑和可配置参数整合进去，调用时只需传入必要信息即可：

struct FormFieldView: View {
    let title: String
    @Binding var text: String
    let prompt: String
    let width: CGFloat
    
    var body: some View {
        HStack {
            VStack(alignment: .leading, spacing: 5) {
                Text(title)
                    .font(.headline)
                TextField("", text: $text, prompt: Text(prompt))
            }
        }
        .frame(width: width)
    }
}

// 使用示例
FormFieldView(
    title: "Account Number",
    text: $selectedBankAccount.accountNumber,
    prompt: "AccountNumber",
    width: 450
)

这种方式最直观，调用代码极简，且所有布局逻辑都封装在View内部，后续修改样式只需调整FormFieldView即可。

方案二：基于ViewBuilder的Modifier扩展 #

如果更倾向于用Modifier的方式实现，可以通过ViewBuilder扩展View，让你直接传入多个子视图而无需手动嵌套VStack：

struct FormStackModifier: ViewModifier {
    var width: CGFloat
    
    func body(content: Content) -> some View {
        HStack {
            content
        }
        .frame(width: width)
    }
}

extension View {
    func formStack(width: CGFloat, @ViewBuilder content: () -> some View) -> some View {
        VStack(alignment: .leading, spacing: 5) {
            content()
        }
        .modifier(FormStackModifier(width: width))
    }
}

// 使用示例
formStack(width: 450) {
    Text("Account Number").font(.headline)
    TextField("", text: $selectedBankAccount.accountNumber, prompt: Text("AccountNumber"))
}

这个扩展方法会自动将你传入的子视图包裹到预设的VStack中，再应用外层的HStack和宽度约束，调用时只需直接编写标题和输入框即可。

内容的提问来源于stack exchange，提问作者iPadawan