ReactiveCocoa 第一次小实践

前端之家收集整理的这篇文章主要介绍了ReactiveCocoa 第一次小实践前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

实现的目的功能

  1. 限制用户手机号的输入长度,限定在11位
  2. 在输入的手机号的长度为11位时,enable获取验证码按钮.

具体实现的比较

传统思路实现

  • 进行监听,并且绑定回调的函数
  • @H_301_15@
    [self.phoneNumberInput addTarget:self
                              action:@selector(textFieldLimit11Characters:)
                    forControlEvents:UIControlEventEditingChanged];
    • 实现回调的函数
    • @H_301_15@
      - (void)textFieldLimit11Characters:(UITextField *)textField
      {
          if (textField.text.length >= 11) {
              // 限制11位长度
              textField.text = [textField.text substringToIndex:11];
              // 手机号长度满足11位时,取消获取验证码按钮的禁用
              self.getCheckNumber.enabled = YES;
          } else {
              self.getCheckNumber.enabled = NO;
          }
      }

      使用 ReactiveCocoa 实现

      // 限制11位长度
      [self.phoneNumberInput.rac_textSignal subscribeNext:^(NSString *number) {
          if (number.length >= 11) {
              self.phoneNumberInput.text = [number substringToIndex:11];
          }
      }];
      
      // 手机号长度满足11位时,取消获取验证码按钮的禁用
      RAC(self,getCheckNumber.enabled) =
          [RACSignal combineLatest:@[self.phoneNumberInput.rac_textSignal]
                            reduce:^(NSString *number) {
                                return @(number.length >= 11);
                            }];

猜你在找的React相关文章