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

Question

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

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

这是我尝试编写 function 的两种方法：

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();