![](/img/trans.png)
[英]How can I change the color of selected item in flatlist in React Native?
[英]react native change color one item in FlatList after click item (instagram like)
单击项目后在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>
}
单击后,图标心会更改颜色图标心变为红色
Flatlist React Native文档中的多选示例可以说明如何解决您的问题。 在这里检查它Flatlist React Native Component
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.