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

Question

我可能采用了错误的方法，但是我正在一个具有搜索栏的React网站上工作。在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} />

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

非常感谢。

Answer 1

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

import { Keyboard } from 'react-native';

Keyboard.dismiss();