Flatlist не воспроизводится при изменении состояния

Question

У меня есть FlatList, и он не перерисовывается, когда происходит изменение состояния. Как получить FlatList для повторной визуализации?

 _renderItem = ({item}) => {
    if(item=='null'){
      return <Text>Item is null</Text>
    }else{
      return <Text>Item is not null</Text>
    }    
};

render(){
 return(
  <FlatList
   data={this.state.itemList}   
   renderItem={this._renderItem}      
  />

 )
}

Answer 1

Измените свой код на это:

render(){
  return(
    <FlatList
      data={this.state.itemList}   
      extraData={this.state}
      renderItem={this._renderItem}      
    />
  )
}

Компонент FlatList требует, чтобы extraData было установлено в this.state, чтобы он обновлялся при изменении.

См. Документацию для более подробной информации: https://facebook.github.io/react-native/docs/flatlist.html