项目中有个短信验证码功能,测出来有个验证码靠左的bug,如下图所示:

iOS-验证码显示在左边问题

image.png

看到问题首先度娘,结果只发现如下两条回答。tieba.baidu.com/p/725482983…bbs.hupu.com/38苹果范冰冰0431approve01.ht…

实际上并没有什么用,这个时候就在想是不是封装的这个输入框有问题,解决思路如下:

1. 首先用系统的UITextField输入框替换项目中封装的输测试抑郁症的20道题入框,替换代码如下所示:[核心代码];
-(UITextField *)verifyV {
    if (!_verifyV) {
        _verifyV = [[UITextField alloc]init];
        _verifyV.backgroundColor = [UIColor cyanColor];
        _verifyV.placeholder = "请输入验证码";
        _verifyV.delegate = self;
        _verifyV.textContentType = UITextContentTypeOneTimeCode;
        _verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;
    }
    return  _verifyV;
}

运行之后苹果发布会,效果如下动图所示:

iOS-验证码显示在左边问题

偏左bug.gif

替换为项目的输入框之后,发现依旧有偏左的问题,此时基本可以验证我们封装的输入框没有太大问题,应该还是输入框的某些属性造成的,于是对写的这backgroundColorplaceholderdelegatetextContentTypekeyboardType这五个属性apple进行逐步排查,首先排除了bapplicationackgrapplicationoundCo输入框无法输入内容lorplaceholderdelegatetext输入框是什么形状Content苹果官网Type四个属性,发现有无均存在问题,那么此时可以断定问题肯定存在**keyboa测试用例rdType**属性上面了。

2.排查**keyboardType**属性

扎一看**keyboardType**属性也没有什么问题,那么我换个枚举值试试吧,此时我把属性

_verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;

换成我们常用的数测试工程师字键盘

_verifyV.keyboardType = UIKeyboardTypeNumberPad;

再次测试,发现居然是没有偏左的问题,那么把项目中涉及到UIKeyboardTypeASCIICa测试抑郁症的20道题pableNumberPad属性的统一替测试工程师换掉,再次跑项目,发现居然是正常了。效果如下所示:

iOS-验证码显示在左边问题

正常效果.gif

小结:

iOS-验证码显示在左边问题

image.png

iOS-验证码显示在左边问题

image.png

虽然问题得以解决,但是我查阅各方资料,包括官方文档,就没有说 UIKeyboardTypeASCIICapableNumberPad属性会造成验证码偏左问题,不知道是不是苹果bug,希望有看到输入框无法输入内容类似的资料留言祝我解惑。