1. 程式人生 > >iOS 12 在系統中文鍵盤上使用 AutoFill 會遇到詭異的問題以及解決方案

iOS 12 在系統中文鍵盤上使用 AutoFill 會遇到詭異的問題以及解決方案

感謝我們 iOS 團隊的趙恆、劉家飛發現此 bug。

640?wx_fmt=jpeg

一. 問題描述

首先,建立一個 textField,使用 addTarget 函式來監聽 textField 的 editingChanged 事件。

  1. lazy var textField:UITextField={

  2. let tf =UITextField()

  3.    tf.keyboardType =.numberPad

  4.    tf.textAlignment =.center

  5.    tf.addTarget(self, action:#selector(valueChange(textField:)), for: .editingChanged)

  6. return tf

  7. }()

  8. @objc func valueChange(textField:UITextField)

  9. {

  10. print("------value change---  \(textFiled.text)  ----")

  11. if(textFiled.text?.count ==6)

  12. {

  13. //do something 和伺服器通訊驗證使用者輸入的驗證碼是否正確

  14. }

  15. }

如果系統升級到最新的 iOS 12.0,並結合系統中文鍵盤使用 AutoFill (自動識別簡訊驗證碼)的功能,就會發現 valueChange 函式中 "do something" 的這段程式碼被呼叫了三次

在 iOS 12 裝置上使用系統的 中文(簡體)

鍵盤或者 中文(繁體)鍵盤會打印出以下 log

  1. ------value change---Optional("123456")----

  2. ------value change---Optional("123456")----

  3. ------value change---Optional("")----

  4. ------value change---Optional("1")----

  5. ------value change---Optional("12")----

  6. ------value change---Optional("123")----

  7. ------value change---Optional("1234")

    ----

  8. ------value change---Optional("12345")----

  9. ------value change---Optional("123456")----

再測試一下系統其他語言的鍵盤,例如 英文(美國)鍵盤或者 日文鍵盤,打印出來的 log

  1. ------value change---Optional("")----

  2. ------value change---Optional("1")----

  3. ------value change---Optional("12")----

  4. ------value change---Optional("123")----

  5. ------value change---Optional("1234")----

  6. ------value change---Optional("12345")----

  7. ------value change---Optional("123456")----

由此,得出以下結論:

在系統中文鍵盤上 editingChanged 事件會莫名地多執行 兩次

使用 RxSwift 會得到同樣的結論,下面是使用 RxSwift 的程式碼片段:

  1. textField.rx.text.orEmpty

  2. .subscribe(onNext:{ text in

  3. let count = text.count

  4. if count ==6{

  5. //do something 和伺服器通訊驗證使用者輸入的驗證碼是否正確

  6. }

  7. })

  8. .disposed(by: bag)

二. bug report

640?wx_fmt=png

640?wx_fmt=png

三. 解決方案

使用 UITextFieldDelegate 來代替原先 editingChanged / RxSwift 的監聽事件,具體解決的程式碼片段如下:

  1. func textField(_ textField:UITextField, shouldChangeCharactersIn range:NSRange, replacementString string:String)->Bool{

  2. if range.location ==5{

  3. var text =""

  4. iflet tfText = textField.text {

  5.                text = tfText +string

  6. }

  7. if text.count ==6{

  8. //do something 和伺服器通訊驗證使用者輸入的驗證碼是否正確

  9. }

  10. }

  11. returntrue

  12. }

關注【Java與Android技術棧】

更多精彩內容請關注掃碼

640?wx_fmt=jpeg