lhandel
How to refresh particular card?
Hey @lhandel , Great work by you in this package, I really appreciate your effort.
Does anyone know how can I refresh only a single card somehow?
Thanks in advance!
const [cards, setCards] = useState([ { key: 0, text: 'test' }, { key: 1, text: 'test' }, { key: 2, text: 'test' }, ]);
return (
<View style={styles.container}>
<CardStack
style={styles.cardStack}
renderNoMoreCards={() => (
<Text
style={{
fontWeight: '700',
fontSize: 18,
color: 'gray',
}}
>
No more cards :(
</Text>
)}
ref={swiperRef}
>
{cards.map((card, index) => {
return (
<Card key={JSON.stringify(card)}>
<Text>{card.text}</Text>
<Button
title='button'
onPress={() => {
setCards((prev) =>
prev.map((card) => {
if (card.key === index) {
card.text = 'updated';
}
return card;
})
);
}}
/>
</Card>
);
})}
</CardStack>
</View>
);
