Bug情況描述：React Native專案中，點選按鈕A出現彈框浮層，彈框中需要TextInput輸入數字，鍵盤浮起來；這時候點選 取消按鈕L 或者 確定按鈕R，只是讓鍵盤收起，但是並沒有觸發 取消 或 確定 的事件，必須要再點選第二次才可以觸發。另外，當輸入框有焦點的情況下，點選 螢幕任意位置（除了鍵盤），可使鍵盤收起隱藏；

期待效果：當輸入框輸完數字後，游標焦點仍然存在，鍵盤也未消失，這時候點選一次取消按鈕L即可讓彈框層和鍵盤同時隱藏；點選一次確定按鈕R即可跳轉到另一個頁面；

嘗試的解決方案和解決思路：

1. 用ScrollView包裹TextInput,並且使用keyboardShouldPersistTaps屬性，無效：

2. 給TextInput加上ref屬性，然後在點選事件中加上this.refs.xxx.blur()讓其主動失去焦點，因為失去焦點鍵盤會自動收起。無效。

3.使用TextInput中的onEndEditing結束編輯屬性，有效。

<TextInput
   style={styles.input1}
   placeholder="請輸入簡訊驗證碼"
   placeholderTextColor={Color.CM_InputTextColor}
   maxLength={6}
   keyboardType={'numeric'}
   onChangeText={(code) => {
      if (this.state.jdAuth) {
         Config.JDMobileCode = code;
      }else {
         Config.ChinaMobileCode = code;
      }
      this.setState({
         password: code
      })
   }}
   value={this.state.password}
   onEndEditing={()=>{this.endEdit()}}
/>
 

由於我這裡是有取消和確定兩個按鈕需要觸發事件的，我在初始化的時候定義了一個標誌位變數，用來表示點選的是左按鈕還是右按鈕，然後在其相應的事件中賦值不同標誌位。在執行了endEdit()函式中判斷標誌位的值，進而執行取消事件還是確定事件，即可。

endEdit(){
        if(this.state.isLeft==1){
            this.hideModal();
        }else if(this.state.isLeft==2){
            this.btnOK();
        }
    }

注：目前仍存在一點問題，有更好的解決辦法，日後會持續更新。。。也歡迎大佬們留言板分享最佳解決方案

==============================更新======================================

上次說的還有點問題，是第二次進入的時候，第一次點選確定或者取消按鈕可以觸發。現在bug解決了，新增以下程式碼：

1.在TextInput元件中加入onSubmitEditing屬性，且執行讓鍵盤主動消失的函式；

<TextInput
    ref="inputWR"
    style={styles.input1}
    placeholder="請輸入簡訊驗證碼"
    placeholderTextColor={Color.CM_InputTextColor}
    maxLength={6}
    keyboardType={'numeric'}
    onChangeText={(code) => {
        if (this.state.jdAuth) {
            Config.JDMobileCode = code;
        }
        else {
            Config.ChinaMobileCode = code;
        }
        this.setState({
            password: code
        })
    }}
    value={this.state.password}
    onEndEditing={()=> {
        this.testWR()
    }}
    onSubmitEditing={()=>{this.testBlur()}}
/>

 testBlur(){
        this.refs.inputWR.blur();
}