我使用react-native-paper searchbar组件来实现搜索组件。以下是我开发的基本代码。但是,当我在搜索输入字段外部单击时,键盘不会折叠,并且 onFocus 不会从输入中删除。
import * as React from 'react';
import { Searchbar } from 'react-native-paper';
const SearchBar = () => {
const [searchQuery, setSearchQuery] = React.useState('');
const onChangeSearch = query => setSearchQuery(query);
cons onClick = () => { console.log(`searching for ${query}`);};
return (
<Searchbar
placeholder="Search"
onChangeText={onChangeSearch}
value={searchQuery}
onIconPress={onClick}
/>
);
};
export default SearchBar;
Run Code Online (Sandbox Code Playgroud)
有人可以让我知道当用户在搜索输入之外单击时如何隐藏键盘吗?谢谢。