如何在react-native中显示搜索类型Android键盘

Question

我的应用程序中有一个文本输入，我将其用作搜索栏，并且我知道 Android 有一个 API 可以显示搜索类型键盘，我想知道如何在 React-Native 中使用它。

我查看了 react-native 文本输入文档，但在 Android 中没有找到该类型键盘的任何内容。

有人知道我可以在文本输入中使用哪种类型的键盘来达到想要的结果吗？

Answer 1

看起来您正在寻找 returnKeyType 和 keyboardType

Answer 2

您似乎想显示一个键盘布局，右下角有一个搜索图标。 类似这样的事情

有一个名为

returnKeyType

的道具，如果您将其类型设置为 tp

search

，您将看到所需的布局

示例：-

<TextInput placeholder='Search...' 
            returnKeyType="search" // This will show the search icon
            onSubmitEditing={handleSearch} // This handles the search icon press
            value={searchText}
            onChangeText={(text) => setSearchText(text)}/>