react-native - 如何在 react-native 中输入文本输入时获得建议

Question

我想要一个文本输入框，它应该在输入时显示建议，如果没有建议，它应该接受输入的输入，否则它应该从建议数组中接受输入。我怎样才能做到这一点？
我浏览了一些文档和模块 react-native-autocomplete-input 但无法理解代码。谁能帮我吗。

Answer 1

<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>
  )}
/>

从 aboutreact.com得到这个，这里的评论解释了你想要传递给特定区域的内容。我建议尝试为数据 Prop 传递一个数组。