Question

我有一个简单的登录应用程序。输入用户名和密码，然后单击登录按钮，我将收到包含Bool的服务器的响应。如果布尔值是true，则转到下一页，否则显示带有错误消息的警报。

struct ContentView : View {

@State var username: String = ""
@State var password: String = ""

@ObjectBinding var loginVM : LoginViewModel = LoginViewModel()

var body: some View {

NavigationView {
            VStack {

  TextField($username, placeholder: Text("Username")
  TextField($password, placeholder: Text("Password")

Button(action: {

                    let params : [String:String] =
                        ["username":self.username,
                         "password":self.password]

                    self.loginVM.doLogin(params:params)

                }) {
                    Text("Login")
                }
                .alert(isPresented: $loginVM.isLogin) {
                    Alert(title: Text("Login Error"), message: 
                  Text(loginVM.errorMessage), 
                  dismissButton: .default(Text("Ok")))
                }
}
}

}

//LoginViewModel:

class LoginViewModel : BindableObject  {

let willChange = PassthroughSubject<Void,Never>()

    var isLogin : Bool = false { willSet { willChange.send() } }
    var errorMessage = "" { willSet { willChange.send() } }

func doLogin(params:[String:String]) {

        Webservice().login(params: params) { response in

            if let myresponse = response {

                if myresponse.login {

                   self.isLogin = true // this will fire willChange.send()
                   self.errorMessage = ""

                 } else {
                  self.isLogin = false
                  self.errorMessage = myresponse.errorMessage
                 }
    }
}
}

//，我的登录响应是：

{“ login”：true，“ error”：“”}或 {“ login”：false，“ error”：“密码不正确”}

问题是：如果登录为TRUE（在响应中），则ContentView中的->“ $ loginVM.isLogin”为TRUE，并且将显示Alert。如果login为FALSE，则-> $ loginVM.isLogin变为FALSE，并且不会显示警报。我只希望相反的事情发生。意味着我只在登录为FALSE时才显示警报。另外，如果登录正确，我想转到下一页（该怎么做？），否则在Alert中显示errorMessage。

Answer 1

让我们看看：

您可以在视图模型中添加一个名为isError的附加属性-如果模型中存在错误情况，则将其设为true：

 .alert(isPresented: $loginVM.isError) { ... }

如果loginVM.isLogin为真或为假，则显示不同的内容更为简单：

  if loginVM.isLogin {
    // Showing the appropriate content for a logged in user
    Text("Login succesful")

  } else {
    // showing the login form
    TextField($username, placeholder: Text("Username")
    TextField($password, placeholder: Text("Password")

    Button(...)
  }

如何绑定一个布尔值（我从服务器获取）以在SwiftUI中隐藏/显示警报？

1 个答案: