带有 CollectionView/TableView 输入/文本字段的 RxSwift

Question

我正在尝试掌握 RxSwift，我需要验证表单，我已经完成了没有 tableView 的简单验证，但是现在我的文本输入字段在集合视图中，我想观察文本输入的变化，因为文本字段现在在可重复使用的单元格，我不确定如何添加可观察对象并从中获取流

基本上我希望将我的数据以两种方式绑定到我的表单，其中输入是动态的，如果有帮助的话

这是我的 cellForItemAt 函数的代码

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: RegisterCell.identifier, for: indexPath) as! RegisterCell
    var registerField = dataSource[indexPath.item]
    registerField.indexPath = indexPath
    registerField.text = viewModel.getText(indexPath: indexPath)
    let txt = cell.txtfield as UITextField
    txt.delegate = self
    cell.configureCell(registerField)
    return cell
}

并配置单元格

func configureCell(_ fieldData: RegisterFields) {
    txtfield.placeholder = fieldData.placeholderText
    txtfield.isSecureTextEntry = fieldData.isSecureEntry
    txtfield.text = fieldData.text
    txtfield.tag = fieldData.indexPath.item
    imgIcon.image  = fieldData.image
    imgDropDown.isHidden = !fieldData.isDropDown
}

我想将 Rx 用于用户输入，而不是像下一行那样使用委托模式

txt.delegate = 自我

以下是我的屏幕图像

Answer 1

首先为您的自定义单元格提供其自己的处理包以用于处理分配目的

import RxSwift

class YourCustomCell: UITableViewCell {

   var disposeBag = DisposeBag()

   @IBOutlet weak var textfield: UITextField!

    override func prepareForReuse() {
        super.prepareForReuse()

        disposeBag = DisposeBag()
    }
}

然后在你的控制器中，监听文本字段输入流：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
      guard let cell = cell as? YourCustomCell, textfield = cell.textfield else { return }

      textfield
            .rx.textInput.text.orEmpty
            .asDriver()
            .drive(onNext: { [unowned self] text in
               //do what you want here
            })
            .addDisposableTo(cell.disposeBag)
    }