[英]Passed in data MVVM RxSwift
I want to learn MVVM RxSwift with input and output method, I want to get a username from textfield.我想通过输入和输出方法学习 MVVM RxSwift,我想从文本字段中获取用户名。
I have a scenario when user not enter a username it will present an error and when user enter a username it will present in viewController.我有一个场景,当用户不输入用户名时,它会出现错误,当用户输入用户名时,它会出现在 viewController 中。
This is when I confuse.这是我困惑的时候。 I got the error message and successfully present error but, how can I catch the query in my viewModel and passed the data to viewController.
我收到错误消息并成功显示错误,但是,如何在我的 viewModel 中捕获查询并将数据传递给 viewController。
This is how I setup my searchViewModel这就是我设置 searchViewModel 的方式
protocol ViewModelType {
associatedtype Input
associatedtype Output
func transform(input: Input) -> Output
}
class SearchViewModel: ViewModelType {
// MARK: Binding
struct Input {
let searchText: Observable<String>
let validate: Observable<Void>
}
struct Output {
let username: Driver<String>
}
func transform(input: Input) -> Output {
let username = input.validate
.withLatestFrom(input.searchText)
.map { query in
if query.isEmpty {
return "Please enter a username. We need to know who to look for"
} else {
return query
}
}.asDriver(onErrorJustReturn: "")
return Output(username: username)
}
}
and this is my viewDidLoad in SearchViewController这是我在 SearchViewController 中的 viewDidLoad
let searchTextField = GFTextField()
let calloutBtn = GFButton(backgroundColor: .systemGreen, title: "Get followers")
private let disposeBag = DisposeBag()
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .systemBackground
setupImageView()
setupTextfield()
setupCalloutBtn()
let input = SearchViewModel.Input(
searchText: searchTextField.rx.text.orEmpty.asObservable(),
validate: calloutBtn.rx.tap.asObservable())
let output = viewModel.transform(input: input)
output.username.drive { [weak self] username in
guard let self = self else { return }
self.presentGFAlertOnMainThread(title: "Empty Username", message: username, buttonTitle: "Dismiss")
}.disposed(by: disposeBag)
}
It depends on what you want to do with the text of course, but below I assume you want to make a network request.当然,这取决于您想对文本做什么,但在下面我假设您要发出网络请求。 But of course that requires understanding what your API layer looks like.
但这当然需要了解您的 API 层是什么样的。 I have to make some assumptions there as well, but the key is that you need to inject your API layer into your view model through its constructor/init method.
我也必须在那里做出一些假设,但关键是您需要通过其构造函数/init 方法将 API 层注入到您的视图模型中。
Like this:像这样:
class SearchViewModel: ViewModelType {
struct Input {
let username: Observable<String>
let getFollowers: Observable<Void>
}
struct Output {
let errorMessage: Driver<String>
let followers: Driver<[Follower]>
}
let api: API
init(api: API) {
self.api = api
}
func transform(input: Input) -> Output {
let followersResponse = input.getFollowers
.withLatestFrom(input.username)
.filter { !$0.isEmpty }
.map { makeEndpoint(using: $0) }
.flatMap { [api] in
api.load($0)
}
.share()
let missingName = input.getFollowers
.withLatestFrom(input.username)
.compactMap { $0.isEmpty ? "Please enter a username. We need to know who to look for" : nil }
let errorMessage = Observable.merge(
api.error.map { $0.localizedDescription },
missingName
)
.asDriver(onErrorJustReturn: "")
let followers = followersResponse
.asDriver(onErrorJustReturn: [])
return Output(errorMessage: errorMessage, followers: followers)
}
}
-- EDIT -- - 编辑 -
If all you want to do is push the non-empty text field back to the view controller, then it would look like this:如果您只想将非空文本字段推回视图控制器,则它看起来像这样:
class SearchViewModel: ViewModelType {
struct Input {
let username: Observable<String>
let getFollowers: Observable<Void>
}
struct Output {
let errorMessage: Driver<String>
let username: Driver<String>
}
func transform(input: Input) -> Output {
let errorMessage = input.getFollowers
.withLatestFrom(input.username)
.compactMap { $0.isEmpty ? "Please enter a username. We need to know who to look for" : nil }
.asDriver(onErrorJustReturn: "")
let username = input.getFollowers
.withLatestFrom(input.username)
.filter { !$0.isEmpty }
.asDriver(onErrorJustReturn: "")
return Output(errorMessage: errorMessage, username: username)
}
}
The key here is that you need a Driver for each output that the view controller will want to subscribe to.这里的关键是对于视图控制器想要订阅的每个输出,您都需要一个驱动程序。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.