小编Arv*_*ndh的帖子

如何在 React Native FlatList 中按下组件时更改其颜色

我一直在尝试开发一个包含来自数据源的卡片和列表项的列表。我已经成功地调出了列表,但我想要实现的是,当用户触摸列表中的项目时,该项目的颜色应该改变。

最重要的是,只应选择一项。如何实现这一目标?我通过使用 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 的帮助下做到这一点,所以组件级别的状态会有很大的帮助。

javascript jsx react-native

2
推荐指数
1
解决办法
6295
查看次数

标签 统计

javascript ×1

jsx ×1

react-native ×1