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

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

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

IOS Keyboard wont dismiss when using search bar in react site

javascript

safari

mobile-safari

ios

reactjs