ios - 登录后SwiftUI LoginView不会消失
问题描述
我正在使用一个AppStateView()
来检查用户是否登录:
struct AppStateView: View {
@EnvironmentObject var appState: AppState
var body: some View {
if (self.appState.user != nil) {
return AnyView(ContentView().environmentObject(appState))
} else {
return AnyView(LoginView().environmentObject(appState))
}
}
}
里面LoginView()
:
struct LoginView: View {
@EnvironmentObject var appState: AppState
@State private var username: String = ""
@State private var password: String = ""
var body: some View {
NavigationView {
VStack {
TextField("Username", text: $username)
SecureField("Password", text: $password)
Button(action: {
self.appState.login(username: self.username, password: self.password) { user in
if user.accountId != 0 {
print("logged in")
} else {
print("not logged in")
}
}
}) {
Text("LOGIN")
}
NavigationLink(destination: RegisterView()) {
Text("Sign Up")
}
}
}
}
}
有一个按钮调用 appState.login 函数:
struct User: Codable {
let uid: Int
let name: String
let accountname: String
let accountId: Int
let startBalance: Double
}
class AppState: ObservableObject {
@Published var user: User? = nil
let apiURL: String = "http://localhost/api.php?"
init() {
if let user = UserDefaults.standard.object(forKey: "user") as? Data {
if let loadedUser = try? JSONDecoder().decode(User.self, from: user) {
self.user = loadedUser
}
}
}
func login(username: String, password: String, completion: @escaping (User) -> ()) {
let urlstring = "\(apiURL)get_users&username=\(username)&password=\(password)"
guard let url = URL(string: urlstring) else { return }
URLSession.shared.dataTask(with: url) { (data, _, error) in
guard let data = data, error == nil else {
debugPrint("Fehler beim Laden von \(url)", String(describing: error))
return
}
let user = try! JSONDecoder().decode(User.self, from: data)
if let encoded = try? JSONEncoder().encode(user) {
UserDefaults.standard.set(encoded, forKey: "user")
}
DispatchQueue.main.async {
completion(user)
}
}.resume()
}
func logout() {
self.user = nil
UserDefaults.standard.removeObject(forKey: "user")
}
}
根据我对可观察对象的理解,我认为,在按下登录按钮后,用户会得到更新,因此LoginView()
视图会在用户登录时重新加载。但它必须切换到AppStateView()
. LoginView()
在中添加第二个检查以显示LoginView()
或感觉有点奇怪,AppStateView()
因为我已经在“父视图”中进行了AppStateView()
。
解决方案
下面是固定的部分代码
Button(action: {
self.appState.login(username: self.username, password: self.password) { user in
if user.accountId != 0 {
print("logged in")
self.appState.user = user // << here !!
} else {
print("not logged in")
}
}
}) {
Text("LOGIN")
}
推荐阅读
- jquery - jQueryUI AutoComplete 搜索标签字符串长度
- reactjs - 当它在另一个组件React的区域中时如何检测拖动的组件?
- c++ - 尝试重载 << 运算符时出错
- node.js - 如何使用 socket.io 连接多个应用程序
- spring-boot - Spring security OAuth2 资源服务器 JWT 授权错误
- flutter - 防止嵌套滚动视图中的视差滚动 Flutter
- visual-studio-code - 命令“重新加载 Vibrancy”导致错误(运行贡献的命令:“extension.updateVibrancy”失败。)
- javascript - 在任何桌面上滑动的全屏 HTML 页面
- reactjs - 从 Flask 到 React.js 的回调函数
- javascript - 如何获取位于表 td 中的输入字段值