我一直在尝试开发一个包含来自数据源的卡片和列表项的列表。我已经成功地调出了列表,但我想要实现的是,当用户触摸列表中的项目时,该项目的颜色应该改变。
最重要的是,只应选择一项。如何实现这一目标?我通过使用 redux 操作和化简器获取了数据的价值。但是,我不知道如何实现这个选择过程。
我的平列表代码:
<FlatList
horizontal={true}
data={this.qtyList}
keyExtractor={item => item.id.toString()}
showsHorizontalScrollIndicator={false}
renderItem={({ item }) => (
<TouchableHighlight
onPress={() => {
}}
>
<Card
containerStyle={{ borderRadius: 5 }}
>
<Text>
{item.qty}
</Text>
</Card>
</TouchableHighlight>
)}
/>
Run Code Online (Sandbox Code Playgroud)
请提供逐步说明,因为我完全是初学者。我不想在 redux 的帮助下做到这一点,所以组件级别的状态会有很大的帮助。