react native 隱藏鍵盤 TextInput失去焦點

在實際的開發(fā)中 當(dāng)用到rn的TextInput等組件 并獲得焦點的時候 會自動彈出鍵盤

當(dāng)輸入完畢后 鍵盤也不會隱藏 輸入框也是聚焦的狀態(tài)

有兩種方法可以隱藏鍵盤

方法一：使用rn? ?Keyboard的dismiss方法 隱藏鍵盤?

我把這個方法用在了 點擊提交的時候 ，但是成功提交后 鍵盤又彈出 并且第二個輸入框是聚焦的狀態(tài) （顯然這個方法不行）

方法二：調(diào)用輸入框失焦方法 blur
首先 用戶輸入完畢后 點擊頁面 其他區(qū)域可以隱藏鍵盤 其次 直接點擊提交 也能隱藏鍵盤

我在頁面最外層用的TouchableWithoutFeedback（只響應(yīng)用戶的點擊事件 在ui上無任何改變）

當(dāng)用戶onPress的時候 調(diào)用Keyboard的dismiss方法 隱藏鍵盤?
其次 在 輸入框組件里寫上 ref={'InputText(自定義名字)'}，在點擊提交的時候 調(diào)用該組件 this.refs.InputText.blur() 使這個輸入框失去焦點 這樣也影藏了鍵盤

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容