React Native: How to implement a swipeable list item in React Native?

1import { Swipeable } from 'react-native-gesture-handler';
2
3function SwipeableItem({ item, onDelete }) {
4  const renderRightActions = () => (
5    <TouchableOpacity
6      onPress={() => onDelete(item.id)}
7      style={styles.deleteButton}
8    >
9      <Text style={styles.deleteText}>Delete</Text>
10    </TouchableOpacity>
11  );
12
13  return (
14    <Swipeable renderRightActions={renderRightActions}>
15      <View style={styles.item}>
16        <Text>{item.name}</Text>
17      </View>
18    </Swipeable>
19  );
20}

1const renderLeftActions = () => (
2  <TouchableOpacity style={styles.archiveButton}>
3    <Text>Archive</Text>
4  </TouchableOpacity>
5);
6
7<Swipeable
8  renderLeftActions={renderLeftActions}
9  renderRightActions={renderRightActions}
10>