react native 隐藏键盘 TextInput失去焦点
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react native 隐藏键盘 TextInput失去焦点相关的知识，希望对你有一定的参考价值。
参考技术A 在实际的开发中 当用到rn的TextInput等组件 并获得焦点的时候 会自动弹出键盘当输入完毕后 键盘也不会隐藏 输入框也是聚焦的状态
有两种方法可以隐藏键盘
方法一：使用rn Keyboard的dismiss方法 隐藏键盘
我把这个方法用在了 点击提交的时候 ，但是成功提交后 键盘又弹出 并且第二个输入框是聚焦的状态 （显然这个方法不行）
方法二：调用输入框失焦方法 blur
首先 用户输入完毕后 点击页面 其他区域可以隐藏键盘 其次 直接点击提交 也能隐藏键盘
我在页面最外层用的TouchableWithoutFeedback（只响应用户的点击事件 在ui上无任何改变）
当用户onPress的时候 调用 Keyboard的dismiss方法 隐藏键盘
其次 在 输入框组件里写上 ref='InputText(自定义名字)' ，在点击提交的时候 调用该组件 this.refs.InputText.blur() 使这个输入框失去焦点 这样也影藏了键盘
以上是关于react native 隐藏键盘 TextInput失去焦点的主要内容，如果未能解决你的问题，请参考以下文章
TextInput 在 react-native 中隐藏在键盘后面
react native 隐藏键盘 TextInput失去焦点