TextField 值將為空，SwiftUI

Question

我正在使用 ObservableObject 來存儲 textField 的值這是我在 ObservableObject 中的代碼

    class SignupViewModel: ObservableObject {
    @Published var fullname = ""
    @Published var birthday = ""
    @Published var email = ""
    @Published var password = ""
    @Published var birthDate = Date()
    @Published var isValidEmail = true
    @Published var isEmailAlreadyExist = false
    @Published var isPassword1 = true
    @Published var isPassword2 = true
    @Published var isDisable: Bool = false
}

我已經創建了這樣的實例並使用了它們

    var body: some View {
        ScrollView {
            VStack(alignment: .leading, spacing: 5) {
                TextFieldWithoutValidation(text: $signupModel.fullname, placeHolder: "Full name", keyBoardType: .default)
                    .accentColor(Color.black)
                
//                LabelTextField(title: "Full name", text: $signupModel.fullname, keyboardType: .default, contentType: nil)
                
//                TextField("Full name", text: $data.value)
                Text("We’ll use this to issue you a cheque when you make a profit.")
                    .font(.system(size: 11.0))
            }
            DateView(titleText: "Birthday", date: $signupModel.birthDate, labelText: $signupModel.birthday)
            TextFieldWithoutValidation(text: $signupModel.email, placeHolder: "Email", keyBoardType: .emailAddress)
                .accentColor(Color.black)
            if !signupModel.isValidEmail {
                errorView(.emailNotValid)
            }
            SecureTextFieldWithoutValidation(text: $signupModel.password, placeHolder: "Password")
                .accentColor(Color.black)
            if !signupModel.password.isEmpty {
                VStack(spacing: 0) {
                    errorView((signupModel.isPassword1 ? .passwordRight1 : .passwordWrong1))
                    errorView((signupModel.isPassword2 ? .passwordRight2 : .passwordWrong2))
                }
            }
            createButton()
        }
        .padding(.leading, 20) // you can use as per your requirement(-16)
        .padding(.trailing, 20)
        .titleForNavigation("Create your account", displayMode: .large)
        .navigationLayout(AnyView(backButton))
    }

但是當我在 textField 和 go 中輸入內容到下一個 textField 之前的 textField 文本將自動為空

有人可以幫助解釋為什么會這樣嗎

Answer 1

我不確定這個答案是否有幫助，我能夠在操場上復制您的示例。

object 似乎在渲染之間和按下“保存”按鈕后保留其 state。

import PlaygroundSupport

class SignupViewModel: ObservableObject {
    @Published var fullname = ""
    @Published var birthday = ""
    @Published var email = ""
    @Published var password = ""
    @Published var birthDate = Date()
    @Published var isValidEmail = true
    @Published var isEmailAlreadyExist = false
    @Published var isPassword1 = true
    @Published var isPassword2 = true
    @Published var isDisable: Bool = false
}

struct ContentView: View {
    
    @ObservedObject var signupModel = SignupViewModel()
    
    var body: some View {
        VStack{
            Text("Sign up form")
            TextField("Name", text: $signupModel.fullname)
            TextField("Email", text: $signupModel.email)
            TextField("Password", text: $signupModel.password)
            Button(action: { print("Form data:"); print("\(signupModel.fullname) \(signupModel.email) \(signupModel.password)") }) {
                Text("Save")
            }
        }
    }
}

let viewController = UIHostingController(rootView: ContentView())

PlaygroundPage.current.liveView = viewController