如何创建RxAction，基于UITextField验证结果控制按钮启用/禁用？

我来给你一步步拆解怎么实现这个需求，核心思路就是把每个文本框的实时验证状态组合起来，再绑定到RxAction的启用状态，让按钮自动根据验证结果开关，同时用Action统一管理按钮的点击逻辑。

第一步：把每个文本框的文本转换成验证Observable #

首先，我们需要把每个UITextField的文本变化转换成对应的验证结果Observable，这样能实时监听输入是否符合规则：

// 名字验证：至少1个字符
let firstNameValid = firstNameTextField.rx.text.orEmpty
    .map { $0.count > 0 }
    .share(replay: 1) // 共享订阅，避免重复计算

// 姓氏验证：至少1个字符
let lastNameValid = lastNameTextField.rx.text.orEmpty
    .map { $0.count > 0 }
    .share(replay: 1)

// 年龄验证：转换为Int后大于0
let ageValid = ageTextField.rx.text.orEmpty
    .map { Int($0) ?? 0 > 0 }
    .share(replay: 1)

第二步：组合所有验证结果，得到整体合法状态 #

用combineLatest把三个独立的验证Observable合并成一个，只有当所有验证都通过时，这个Observable才会发出true：

let allFieldsValid = Observable.combineLatest(firstNameValid, lastNameValid, ageValid) {
    $0 && $1 && $2 // 三个条件同时满足才返回true
}
.share(replay: 1)

第三步：创建RxAction并绑定验证状态 #

接下来创建我们的提交Action，这里Action的输入是Void（因为按钮点击不需要额外参数），输出可以根据你的业务需求定义，比如如果点击后要提交数据，就用对应的返回类型：

// 注意用[weak self]避免循环引用
let submitAction = Action<Void, Void> { [weak self] _ in
    // 这里写按钮点击后的业务逻辑，比如获取输入内容并处理
    guard let firstName = self?.firstNameTextField.text,
          let lastName = self?.lastNameTextField.text,
          let ageText = self?.ageTextField.text,
          let age = Int(ageText) else {
        // 如果验证没通过（理论上这里不会触发，因为Action只有验证通过才会启用），返回错误
        return Single.error(NSError(domain: "ValidationError", code: 0, userInfo: [NSLocalizedDescriptionKey: "输入数据无效"]))
    }
    
    // 这里模拟业务逻辑，比如发送网络请求或者本地处理
    print("提交数据：\(firstName) \(lastName)，年龄：\(age)")
    return Single.just(())
}

然后把整体验证状态绑定到Action的isEnabled属性，这样当所有字段都合法时，Action会自动启用，按钮也就跟着启用了：

// 绑定验证结果到Action的启用状态
allFieldsValid.bind(to: submitAction.isEnabled).disposed(by: disposeBag)

第四步：绑定按钮点击到Action #

最后把按钮的点击事件绑定到Action的输入流，这样点击按钮就会触发Action的执行逻辑：

// 按钮点击触发Action
submitButton.rx.tap.bind(to: submitAction.inputs).disposed(by: disposeBag)

额外优化：处理Action的执行状态和错误 #

如果需要处理加载状态（比如按钮点击后显示加载动画），可以监听Action的executing状态：

// 假设按钮有自定义的isLoading属性，或者用ActivityIndicator
submitAction.executing.bind(to: submitButton.rx.isLoading).disposed(by: disposeBag)

同时，也可以监听Action的错误流，处理执行过程中可能出现的错误：

submitAction.errors.subscribe(onNext: { error in
    print("提交失败：\(error.localizedDescription)")
    // 这里可以给用户显示错误提示，比如弹框或者Toast
}).disposed(by: disposeBag)

关键注意点 #

• 一定要用share(replay: 1)来共享Observable，避免每个订阅都重复执行验证逻辑，提升性能
• 记得用[weak self]在Action的闭包里，防止循环引用
• disposeBag要正确管理所有订阅，避免内存泄漏

内容的提问来源于stack exchange，提问作者Sandeep Bhandari