react native 键盘遮挡按钮点击事件

在做项目的时候,我遇到一个很奇怪的问题,我先描述一下问题,在InputText输入内完成以后,点击按钮进行下一步的操作的时候,第一次点击的时候,按钮没有响应,第二次点击的时候才会响应。这样对用户体验有点不好。所以测试的果断提了一个bug。刚刚拿到这个问题,我一时也找不到方法,因为我检查了很几遍代码,敢拿人头打包票代码写的没有问题,那到底是什么问题呢?在我测了好几遍以后,发现了一点问题,第一次点击,键盘就会隐藏起来,然后再点击,就有用效果了。我就想,是不是键盘把按钮的点击事件给遮挡了呢?于是我就试着先把键盘给隐藏起来,然后再点击按钮,果然是这样。但是我们该怎样隐藏键盘呢?很简单。

1 import dismissKeyboard from 'dismissKeyboard';

然后再想隐藏键盘的地方加这一句,就可以隐藏了。

1  dismissKeyboard();

 


posted @ 2016-12-22 15:49  handsome黄  阅读(2369)  评论(0编辑  收藏  举报