A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Instalando y configurando React Navigation

13/16
Recursos

Aportes 7

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

  1. Primero instalamos React Navigation
    Vamos a la pagina oficial https://reactnavigation.org
yarn add @react-navigation/[email protected]^5.x
  1. Si estamos usando expo, debemos installar esta dependencia
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
  1. Debemos importar esto en el archivo App.js
import 'react-native-gesture-handler';
  1. Ahora instalaremos los Stacks
yarn add @react-navigation/[email protected]^5.x
yarn add @react-navigation/[email protected]^5.x
yarn add @react-navigation/[email protected]^5.x
  1. Para empezar a usar React Navigation debemos envolver nuestra app en <NavigationContainer>
import { NavigationContainer } from '@react-navigation/native';

Para los que les sale error al importar, ya no es necesario, aahora deben importar solo el navigationContainer

import { NavigationContainer } from '@react-navigation/native';

export default function App() {
  return (
    <NavigationContainer>{/* Rest of your app code */}</NavigationContainer>
  );
}

This is documentation for React Navigation 5.x, which is no longer actively maintained.
For up-to-date documentation, see the latest version (6.x).

Mejor es instalarse la ultima versi贸n

馃榿 Al parecer React navigation ya no requiere de importar

import 'react-native-gesture-handler';

Despu茅s del lanzamiento de React 18, un mont贸n de cosas se rompieron por referencias. Si est谩n siguiendo los pasos del profe, e instalaron la versi贸n 6 de React Navigation, les aparecer谩 un error que dice:

'Stack.Navigator' cannot be used as a JSX component.

Deben agregar lo siguiente al archivo package.json:

"resolutions": {
  "@types/react": "17.0.2",
  "@types/react-dom": "17.0.2"
},

Y luego correr el comando yarn.

@types/react-dom tiene sus propias dependencias, y una de ellas es @types/react, la cual tiene una versi贸n establecida como 鈥*鈥, lo cual significa la versi贸n m谩s reciente, es decir 18.

Aunque se especifiquen versiones exactas en el archivo package.json, los paquetes padres pueden instalar sus propios duplicados de paquetes que ya tengan para usarlos internamente, y esto causa esos errores de referencia.

Para solucionarlo, usamos las resoluciones 馃檪. As铆 se especifican restricciones estrictas para las dependencias de nuestras dependencias 馃槑

Muy buen curso, muy interesante, 馃槑

instalen todo con sudo para evitar errores en Mac