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

【问题标题】：react native change color one item in FlatList after click item (instagram like)在单击项目后对 FlatList 中的一项本机更改颜色做出反应（类似 instagram）
【发布时间】：2017-11-15 06:33:25
【问题描述】：

点击item后在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}
/>

渲染列表后点击item并改变item的颜色：

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

点击图标心后将图标心更改为红色

【问题讨论】：

标签： react-native react-native-flatlist

【解决方案1】：

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

【讨论】：