在反应站点中使用搜索栏时，IOS键盘不会关闭答案

【问题标题】：IOS Keyboard wont dismiss when using search bar in react site在反应站点中使用搜索栏时，IOS键盘不会关闭
【发布时间】：2020-02-14 05:39:24
【问题描述】：

我可能采取了错误的方法，但我正在开发一个带有搜索栏的反应网站。在 IOS/Safari 上，如果用户点击搜索，则会出现键盘，但按下完成不会将其关闭，它只会向下滑动一秒钟并重新出现。

我还没有太多的反应经验，所以我不确定最好的方法是什么，到目前为止，我已经尝试编写一个 js 函数，当焦点改变时使用模糊，但我还不能让它运行所以我不知道这是否可行。

这是我尝试编写函数的两种方式：

focusOut = () => {
    onToggleOpen();
    e.target.blur();
    console.log('Function has run');
}

function focusOut() {
    onToggleOpen();
    e.target.blur();
    console.log('Function has run');
}

这是我目前尝试激活它的方式：

<Search onfocusout={this.focusOut} />

抱歉，如果我完全以错误的方式看待这个问题，欢迎提出任何建议。

非常感谢。

【问题讨论】：

标签： javascript ios reactjs safari mobile-safari

【解决方案1】：

您可以使用内置的Keyboard 模块：

import { Keyboard } from 'react-native';

Keyboard.dismiss();

【讨论】：

感谢您的回复！这看起来很有希望，最后发现还有其他一些脚本在强制关注，所以这只是删除它的一个例子。在这种情况下，问题是自己造成的。无论如何感谢您的帮助:)