Te sugerimos que pruebes esta resolución en un ambiente controlado antes de enviarlo a producción, un saludo.
Solución:
Necesitas instalar 3 libs más react-native-gesture-handler
, react-native-reanimated
y react-native-screens
.
npm install --save react-native-gesture-handler react-native-reanimated react-native-screens
Referencias: https://reactnavigation.org/docs/en/getting-started.html#installing-dependencies-into-a-bare-react-native-project
Use los pasos a continuación, esto funcionará al 100%.
- Instalar Reaccionar Navegación
npm install react-navigation
- Instalar dependencias
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
- Instalar la pila de navegación React
npm install react-navigation-stack @react-native-community/masked-view
- Inicie la aplicación y borre el caché con npm start -c
Actualizar importaciones
imports will look like this:
import createAppContainer from 'react-navigation';
import createStackNavigator from 'react-navigation-stack';
¿Errores? Si todavía ve errores y quejas sobre los paquetes, haga lo siguiente:
-
rm -r node_modules
-
rm package-lock.json
-
expo upgrade
-
npm start -c
Si ha descargado react-navigation, no funcionará sin sus Libs compatibles, que son react-native-gesture-handler ,react-native-reanimated, react-native-screens
Puedes descargarlo a través de yarn o npm.
npm install react-native-gesture-handler react-native-reanimated react-native-screens
o
yarn add react-native-gesture-handler react-native-reanimated react-native-screens
Espero eso ayude. siéntase libre de dudas