RxSwift,将 Action 绑定到 UIButton 在视图转换后停止生成事件
RxSwift, binding Action to UIButton stops producing events after view transitions
我正在尝试使用 RxSwift 实现 MVVM 登录屏幕,但遇到了一些困难。
我的登录屏幕(用户、密码、登录按钮)转换到摄像头视图屏幕,应用程序在其中检查摄像头权限,如果未获批准,则将用户注销并 returns 到登录屏幕。
我的 LoginViewModel
中有一个 loginAction
那个 returns 一个 Action<Void, LoginResult>
,其中 LoginResult
是一个 Result<Bool, Error>
而我的 loginProvider
服务 returns 一个 Observable<LoginResult>
:
struct LoginViewModel {
let sceneCoordinator: SceneCoordinatorType
let loginProvider: LoginProviderType
var usernameText = Variable<String>("")
var passwordText = Variable<String>("")
var isValid: Observable<Bool> {
return Observable.combineLatest(usernameText.asObservable(), passwordText.asObservable()) { username, password in
username.count > 0 && password.count > 0
}
}
init(loginProvider: LoginProvider, coordinator: SceneCoordinatorType) {
self.loginProvider = loginProvider
self.sceneCoordinator = coordinator
}
lazy var loginAction: Action<Void, LoginResult> = { (coordinator: SceneCoordinatorType, service: LoginProviderType, username: String, password: String) in
return Action<Void, LoginResult>(enabledIf: self.isValid) { _ in
return service.login(username: username, password: password)
.observeOn(MainScheduler.instance)
.do(onNext: { result in
guard let loggedIn = result.value else { return }
if loggedIn {
let cameraViewModel = CameraViewModel(coordinator: coordinator)
coordinator.transition(to: Scene.camera(cameraViewModel), type: .modal)
}
}(self.sceneCoordinator, self.loginProvider, self.companyText.value, self.usernameText.value, self.passwordText.value)
}
一切正常,有效输入成功登录(loginProvider
将请求发送到我的服务器,获取响应并相应地处理所有其他步骤)。
如果用户不授予相机权限,我在我的 CameraViewModel
中有一个 Observable
,我绑定到我的 CameraViewController
,订阅以防万一需要时,注销用户并使用 CocoaAction
弹出当前视图(使用场景协调器 class)将视图弹出回登录屏幕。
问题是,当我在转换回登录屏幕后尝试再次登录时,loginAction
发出的元素订阅没有收到任何元素。
这是 LoginViewController
的代码:
class LoginViewController: UIViewController, BindableType {
var viewModel: LoginViewModel!
private let disposeBag = DisposeBag()
private var loginAction: Action<Void, LoginResult>!
@IBOutlet weak var usernameTextField: UITextField!
@IBOutlet weak var passwordTextField: UITextField!
@IBOutlet weak var loginButton: UIButton!
@IBOutlet weak var loadingIndicator: UIActivityIndicatorView!
private var usernameObservable: Observable<String> {
return usernameTextField.rx.text
.throttle(0.5, scheduler: MainScheduler.instance)
.map() { text in
return text ?? ""
}
}
private var passwordObservable: Observable<String> {
return passwordTextField.rx.text
.throttle(0.5, scheduler: MainScheduler.instance)
.map() { text in
return text ?? ""
}
}
override func viewDidLoad() {
super.viewDidLoad()
}
func bindViewModel() {
usernameObservable
.bind(to: viewModel.usernameText)
.disposed(by: disposeBag)
passwordObservable
.debug()
.bind(to: viewModel.passwordText)
.disposed(by: disposeBag)
loginAction = viewModel.loginAction
loginAction.elements
.subscribe(onNext: { [weak self] result in
self?.loadingIndicator.stopAnimating()
var message = ""
switch result {
case .failure(.unknownError):
message = "unknown error"
case .failure(.wrongCredentials):
message = "wrong credentials"
case .failure(.serviceUnavailable):
message = "service unavailable"
case let .success(loggedIn):
return
}
self?.errorMessage(message: message)
}).disposed(by: disposeBag)
loginButton.rx.tap
.subscribe(onNext: { [unowned self] in
self.loadingIndicator.startAnimating()
self.loginAction.execute(Void())
})
.disposed(by: disposeBag)
viewModel.isValid
.bind(to: loginButton.rx.isEnabled)
.disposed(by: disposeBag)
}
我可以看到点击登录按钮会产生点击事件,但是 Action 本身会停止调用。知道我错过了什么吗?
我不确定 ScreenCoordinator 是如何工作的,但我会先将 usernameObservable/passwordObservable 的创建移动到 viewDidLoad()因为这个问题似乎与生命周期相关。此外,您可以添加更多 .debug() 调用(使用参数能够在日志中区分它们)。
发现问题:显然操作没有达到完整状态,因为底层服务中的一个返回了一个观察者,该观察者在登录视图控制器中订阅并且在从相机视图控制器返回时没有被释放。
我在该服务中添加了一个清除方法,该方法在返回登录视图时创建一个新的 DisposeBag
,允许操作完成并发布以供重复使用。
我正在尝试使用 RxSwift 实现 MVVM 登录屏幕,但遇到了一些困难。
我的登录屏幕(用户、密码、登录按钮)转换到摄像头视图屏幕,应用程序在其中检查摄像头权限,如果未获批准,则将用户注销并 returns 到登录屏幕。
我的 LoginViewModel
中有一个 loginAction
那个 returns 一个 Action<Void, LoginResult>
,其中 LoginResult
是一个 Result<Bool, Error>
而我的 loginProvider
服务 returns 一个 Observable<LoginResult>
:
struct LoginViewModel {
let sceneCoordinator: SceneCoordinatorType
let loginProvider: LoginProviderType
var usernameText = Variable<String>("")
var passwordText = Variable<String>("")
var isValid: Observable<Bool> {
return Observable.combineLatest(usernameText.asObservable(), passwordText.asObservable()) { username, password in
username.count > 0 && password.count > 0
}
}
init(loginProvider: LoginProvider, coordinator: SceneCoordinatorType) {
self.loginProvider = loginProvider
self.sceneCoordinator = coordinator
}
lazy var loginAction: Action<Void, LoginResult> = { (coordinator: SceneCoordinatorType, service: LoginProviderType, username: String, password: String) in
return Action<Void, LoginResult>(enabledIf: self.isValid) { _ in
return service.login(username: username, password: password)
.observeOn(MainScheduler.instance)
.do(onNext: { result in
guard let loggedIn = result.value else { return }
if loggedIn {
let cameraViewModel = CameraViewModel(coordinator: coordinator)
coordinator.transition(to: Scene.camera(cameraViewModel), type: .modal)
}
}(self.sceneCoordinator, self.loginProvider, self.companyText.value, self.usernameText.value, self.passwordText.value)
}
一切正常,有效输入成功登录(loginProvider
将请求发送到我的服务器,获取响应并相应地处理所有其他步骤)。
如果用户不授予相机权限,我在我的 CameraViewModel
中有一个 Observable
,我绑定到我的 CameraViewController
,订阅以防万一需要时,注销用户并使用 CocoaAction
弹出当前视图(使用场景协调器 class)将视图弹出回登录屏幕。
问题是,当我在转换回登录屏幕后尝试再次登录时,loginAction
发出的元素订阅没有收到任何元素。
这是 LoginViewController
的代码:
class LoginViewController: UIViewController, BindableType {
var viewModel: LoginViewModel!
private let disposeBag = DisposeBag()
private var loginAction: Action<Void, LoginResult>!
@IBOutlet weak var usernameTextField: UITextField!
@IBOutlet weak var passwordTextField: UITextField!
@IBOutlet weak var loginButton: UIButton!
@IBOutlet weak var loadingIndicator: UIActivityIndicatorView!
private var usernameObservable: Observable<String> {
return usernameTextField.rx.text
.throttle(0.5, scheduler: MainScheduler.instance)
.map() { text in
return text ?? ""
}
}
private var passwordObservable: Observable<String> {
return passwordTextField.rx.text
.throttle(0.5, scheduler: MainScheduler.instance)
.map() { text in
return text ?? ""
}
}
override func viewDidLoad() {
super.viewDidLoad()
}
func bindViewModel() {
usernameObservable
.bind(to: viewModel.usernameText)
.disposed(by: disposeBag)
passwordObservable
.debug()
.bind(to: viewModel.passwordText)
.disposed(by: disposeBag)
loginAction = viewModel.loginAction
loginAction.elements
.subscribe(onNext: { [weak self] result in
self?.loadingIndicator.stopAnimating()
var message = ""
switch result {
case .failure(.unknownError):
message = "unknown error"
case .failure(.wrongCredentials):
message = "wrong credentials"
case .failure(.serviceUnavailable):
message = "service unavailable"
case let .success(loggedIn):
return
}
self?.errorMessage(message: message)
}).disposed(by: disposeBag)
loginButton.rx.tap
.subscribe(onNext: { [unowned self] in
self.loadingIndicator.startAnimating()
self.loginAction.execute(Void())
})
.disposed(by: disposeBag)
viewModel.isValid
.bind(to: loginButton.rx.isEnabled)
.disposed(by: disposeBag)
}
我可以看到点击登录按钮会产生点击事件,但是 Action 本身会停止调用。知道我错过了什么吗?
我不确定 ScreenCoordinator 是如何工作的,但我会先将 usernameObservable/passwordObservable 的创建移动到 viewDidLoad()因为这个问题似乎与生命周期相关。此外,您可以添加更多 .debug() 调用(使用参数能够在日志中区分它们)。
发现问题:显然操作没有达到完整状态,因为底层服务中的一个返回了一个观察者,该观察者在登录视图控制器中订阅并且在从相机视图控制器返回时没有被释放。
我在该服务中添加了一个清除方法,该方法在返回登录视图时创建一个新的 DisposeBag
,允许操作完成并发布以供重复使用。