传入数据 MVVM RxSwift

Question

我想学习 MVVM RxSwift 的输入输出方法，我想从 textfield 中获取用户名。

我有一个场景，当用户不输入用户名时会出现错误，当用户输入用户名时会出现在 viewController 中。

这是我困惑的时候。我收到错误消息并成功显示错误，但是如何在 viewModel 中捕获查询并将数据传递给 viewController。

这就是我设置 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)
    }
}

这是我在 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)

    }

Answer 1

这当然取决于你想对文本做什么，但下面我假设你想发出一个网络请求。但这当然需要了解您的 API 层是什么样的。我也必须在那里做一些假设，但关键是你需要通过它的构造函数/init 方法将你的 API 层注入到你的视图模型中。

像这样：

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)
    }
}

-- 编辑--

如果您只想将非空文本字段推回视图控制器，那么它将如下所示：

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)
    }
}

这里的关键是，您需要为视图控制器想要订阅的每个输出提供一个驱动程序。