小编Gin*_*nov的帖子

当用户单击react-native paper搜索栏输入之外时隐藏键盘并失去焦点

我使用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)

有人可以让我知道当用户在搜索输入之外单击时如何隐藏键盘吗?谢谢。

react-native react-native-paper

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

react-native ×1

react-native-paper ×1