javascript - 在 React 站点中使用搜索栏时，iOS 键盘不会关闭

Question

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

我还没有太多的 react 经验，所以我不确定最好的方法是什么，到目前为止，我已经尝试编写一个 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

您可以使用内置的键盘模块:

import { Keyboard } from 'react-native';

Keyboard.dismiss();