【问题标题】:Is there a way to grab the keyboard search/return input in react-native-paper SearchBar?有没有办法在 react-native-paper SearchBar 中获取键盘搜索/返回输入?
【发布时间】:2020-04-09 01:10:57
【问题描述】:

我正在开发一个需要搜索栏的 react 原生 android 应用。我正在使用 react-native-paper 中的 SearchBar,我检查了他们的文档,找不到任何方法来查找用户是否按下了键盘上的小搜索按钮。

由于我不熟悉移动应用程序开发,因此不确定此输入或按钮本身是否有正式名称,但如果不清楚,这里是应用程序的屏幕截图。我指的是键盘本身的搜索按钮,在本例中为蓝色。

通过一些挖掘,我发现 React Native 中的 TextInputs 有一个 onSubmitEditing={} 可以触发您想要的任何返回键操作。

基本上我想知道在 react-native-paper 中是否有 SearchBar 的等效道具。

【问题讨论】:

标签: react-native react-native-paper


【解决方案1】:

如果您查看 react-native-paper SearchBar https://github.com/callstack/react-native-paper/blob/master/src/components/Searchbar.tsx 的实现,看起来您可以将 onSubmitEditing 属性传递给它,并且由于 react-native-paper 使用 TextInput,该输入将接收该属性

【讨论】:

    【解决方案2】:

    好吧,就像 tintef 指出的那样,您可以将 onSubmitEditing 传递给 SearchBar,因为它使用 TextInput。我刚刚对此进行了测试,效果很好!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-10-21
      • 1970-01-01
      • 2022-12-15
      • 2015-10-05
      • 2023-03-10
      • 1970-01-01
      • 2022-11-15
      相关资源
      最近更新 更多