在点击项目（Instagram之类）后，FlatList中的原始更改颜色一个项目

Question

单击项目

后，

将FlatList中的原始更改颜色作为一个项目进行反应

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

在渲染列表后单击项目并更改颜色项：

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

点击图标后心脏改变颜色图标心脏变为红色

Answer 1

Flatlist React Native文档中的多选示例可以说明如何解决您的问题。在这里Flatlist React Native Component

进行检查