React Native - FlatList с автозаполнением - PullRequest
Новая
       8

React Native - FlatList с автозаполнением

0 голосов
/ 13 декабря 2018

Я использую response-native-autocomplete-input в FlatList для поиска в каждом элементе.При вводе определенного компонента автозаполнения список результатов отображается при каждом автозаполнении, а не только при желаемом.

Есть ли у вас какие-либо идеи, как отображать список результатов только при выбранном автозаполнении?

Спасибо! 

<Autocomplete
  data={articles.length === 1 && comp(query, articles[0].description1) ? [] : articles}
  value={itemData.description1}
  onChangeText={(text) => {
    var stateCopy = Object.assign({}, this.state);
    stateCopy.positions[index].description1 = text;

    this.setState({
      query: text,
      stateCopy
    }, () => {
      this.fetchArticlesToState(text);
    });
  }}
  ref={(input) => {
    this.inputs['description1'] = input;
  }}
  defaultValue={query}
  placeholder="Description"
  renderItem={(selectedObject) => (
    <TouchableOpacity onPress={() => this.setState({query: selectedObject.description1})}>
      <Text
        onPress={ () => {
        var stateCopy = Object.assign({}, this.
        stateCopy.positions[index] = selectedObject;

        this.setState((prevState) => ({positions: stateCopy.positions}), () => {this.saveData(number);});
        this.setState({query : ''});
        }}
      >
        {selectedObject.description1}
      </Text>
    </TouchableOpacity>
  )}
/>
...