Hice un prototipo de una aplicación en figma y elegí la animación "al arrastrar y empujar" para hacer la transición entre dos vistas.

Cuando no iba a convertir mi prototipo en una aplicación real usando React Native, no encontré la manera de hacer la misma transición. Quiero que mi aplicación navegue a una nueva pantalla cuando arrastre la pantalla de derecha a derecha y que la nueva pantalla saque la pantalla anterior mientras arrastro el dedo de esta manera:

¿Alguien tiene alguna sugerencia sobre cómo puedo lograr esta transición?

Estoy usando react-navigation para moverme entre diferentes pantallas en la aplicación. Mi NavigationContainer está configurado así:

 import * as React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import screen1 from './screen1'; import screen2 from './screen2'; const Stack = createNativeStackNavigator(); const App = () => { return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="screen1" component={screen1}/> <Stack.Screen name="screen2" component={screen2}/> </Stack.Navigator> </NavigationContainer> ); }; export default App;

Y navego entre pantallas como esta:

 navigation.navigate('screen2')