SwiftUI中如何让Double类型表单字段默认显示为空而非0？

因为Double是值类型，必须有初始值，直接声明@State private var qty: Double会因缺少初始值报错。要实现新条目时字段为空的效果，最直接的方法是改用可选Double类型：

1. 声明可选类型的@State变量 #

把原来的非可选Double改成Double?，变量初始默认值为nil，对应表单输入框为空：

@State private var qty: Double?

2. 适配TextField绑定 #

SwiftUI的TextField支持直接绑定可选数值类型，配合数字格式使用即可：

TextField("数量", value: $qty, format: .number)
    .keyboardType(.decimalPad) // 弹出数字键盘，优化输入体验

当qty为nil时，输入框显示为空；用户输入数字后，系统会自动将输入内容转为Double赋值给qty。

3. 处理提交逻辑 #

如果业务逻辑需要非可选的Double值，可在提交时用nil合并运算符设置默认值（比如0）：

Button("提交条目") {
    let submittedQty = qty ?? 0 // 若未输入则默认设为0，可按需调整
    // 这里处理提交逻辑，比如保存到数据源
    print("提交的数量：\(submittedQty)")
}

完整示例代码 #

struct NewItemFormView: View {
    @State private var qty: Double?
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        NavigationStack {
            Form {
                Section("数量") {
                    TextField("输入数量", value: $qty, format: .number)
                        .keyboardType(.decimalPad)
                }
                
                Button("保存条目") {
                    let finalQty = qty ?? 0
                    // 示例：保存到数据源或执行其他逻辑
                    print("保存数量：\(finalQty)")
                    dismiss()
                }
            }
            .navigationTitle("添加新条目")
            .toolbar {
                ToolbarItem(placement: .cancellationAction) {
                    Button("取消") {
                        dismiss()
                    }
                }
            }
        }
    }
}

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