React native 如何在react native中输入文本时获取建议
我想要一个文本输入框,它应该在键入时显示建议,如果没有建议,它应该接受键入的输入,否则它应该接受建议数组中的输入。我怎样才能做到这一点?React native 如何在react native中输入文本时获取建议,react-native,npm,autocomplete,React Native,Npm,Autocomplete,我想要一个文本输入框,它应该在键入时显示建议,如果没有建议,它应该接受键入的输入,否则它应该接受建议数组中的输入。我怎样才能做到这一点? 我已经阅读了一些文档和模块,但无法理解代码。有人能帮我吗。,这里的注释解释了您希望传递到特定区域的内容。我建议尝试传递数据属性的数组。它会在每次输入文本中的文本更改时过滤为自动完成文本提供的数组列表,并始终显示过滤列表。在我的建议中,当您在输入文本中键入任何内容时,您应该为此制作自己的组件。只需在TextInput下显示一个视图,该视图将包含与输入文本匹配的单
我已经阅读了一些文档和模块,但无法理解代码。有人能帮我吗。
,这里的注释解释了您希望传递到特定区域的内容。我建议尝试传递数据属性的数组。它会在每次输入文本中的文本更改时过滤为自动完成文本提供的数组列表,并始终显示过滤列表。在我的建议中,当您在输入文本中键入任何内容时,您应该为此制作自己的组件。只需在TextInput下显示一个视图,该视图将包含与输入文本匹配的单词列表,您可以控制当用户从列表中选择单词时视图的可见性。别忘了把它绝对化。
<Autocomplete
autoCapitalize="none"
autoCorrect={false}
containerStyle={styles.autocompleteContainer}
//data to show in suggestion
data={films.length === 1 && comp(query, films[0].title) ? [] : films}
//default value if you want to set something in input
defaultValue={query}
/*onchange of the text changing the state of the query which will trigger
the findFilm method to show the suggestions*/
onChangeText={text => this.setState({ query: text })}
placeholder="Enter the film title"
renderItem={({ item }) => (
//you can change the view you want to show in suggestion from here
<TouchableOpacity onPress={() => this.setState({ query: item.title })}>
<Text style={styles.itemText}>
{item.title} ({item.release_date})
</Text>
</TouchableOpacity>
)}
/>