Me gustaría convertir la lista de datos de firestore en una lista deslizable. En última instancia, quiere que un ícono de la izquierda se edite a la izquierda y un ícono para eliminar un elemento de la lista después de moverse hacia la izquierda. Probé esto: https://www.npmjs.com/package/react-native-swipe-list-view , pero no puedo integrarlo con los datos de Firestore. Mi código actual userlist.js a continuación.

 const UserScreen = (props) => { const [users, setUsers] = useState([]); useEffect(() => { firebase.firestore().collection("users").onSnapshot((querySnapshot) => { const users = []; querySnapshot.docs.forEach((doc) => { const { name, email, phone } = doc.data(); users.push({ id: doc.id, name, email, phone, }); }); setUsers(users); }); }, []); return ( <ScrollView> <Button onPress={() => props.navigation.navigate("CreateUserScreen")} title="Create User" /> {users.map((user) => { return ( <ListItem key={user.id} bottomDivider onPress={() => { props.navigation.navigate("UserDetailScreen", { userId: user.id, }); }} > <ListItem.Content> <ListItem.Title>{user.name}</ListItem.Title> <ListItem.Subtitle>{user.email}</ListItem.Subtitle> </ListItem.Content> </ListItem> ); })} </ScrollView> ); };