单击搜索栏时导航到新页面

Question

我正在使用react native元素搜索栏。默认情况下，当用户单击搜索栏时，将显示右下角带有“返回”键的键盘。我该如何更改为在右下角显示带有“搜索”键的键盘？

此外，当我单击返回键时，我希望调用一个函数（例如：this.props.navigation.navigate（“ abc”））。我不想使用onBlur = {（）=> this.props.navigation.navigate（“ abc”）}，因为用户可能只是单击屏幕上的其他位置，仍然会调用此函数。

Answer 1

如文档中所述，react-native-elements SearchBar

继承了所有的React Native Elements Input道具，这意味着所有带有标准React Native TextInput元素的TextInput道具

因此您可以使用：

• onSubmitEditing

• returnKeyType

  <SearchBar
   ...
   onSubmitEditing={this.navigate} // <== Your Navigation handler
   returnKeyType='search' />