单击项目后在FlatList中对本机更改颜色做出反应（instagram之类的）

Question

react native change color one item in FlatList after click item

<FlatList
      data={this.state.posts}
      renderItem={this.renderItem.bind(this)}
      keyExtractor={(item, index) => index}
      ListEmptyComponent={()=> <Spinner />}
      onEndReached={this.handleLoadMore.bind(this)}
      onEndReachedThreshold={0.5}
      initialNumToRender={1}
/>

after render list click on item and change color item:

renderItem({item}){
return (
<Button transparent>
   <TouchableOpacity
       onPress={()=>this.likeSave(item.id) }
   >
   <Icon name="heart" size={30} style={{color:likeColor}} />
    </TouchableOpacity>
</Button>
}

after click Icon heart change color Icon heart to red

Answer 1

The multi select example in Flatlist React Native documentation can explain how to solve your problem. Check it out here Flatlist React Native Component