No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Stacks de navegación

14/16
Recursos

Aportes 10

Preguntas 3

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

He aquí la importancia de saber Inglés y tener comprehensión; la documentación dice que la versión 5 para atrás ya no es mantenida. Lo que da cabida a muchos errores de compatibilidad.
Para evitar horas de debuggeo yo simplemente usé la versión recomendada por la misma documentación y todo funciona correctamente.

Antes de que continues esta clase. Instala la versión 6.x de React Navigation. Ahorrate dolores de cabeza.

Yo agregaría para ir a una pantalla anterior como

navigation.goBack();

Me parece mejorcito extraer enseguida el props así, en vez de colocar (props)

export default function HomeScreen({navigation}) {

    const { navigate } = navigation;

    const goToSettings = () => {
        navigate("Settings")
    }
  • Shortcut para crear un componente rápidamente:
rnf 

Cuando les muestre error de importación de CreateStackNavigator

Para hacer un código más elegante y ahorrar líneas pueden realizar la desestructuración de la siguiente manera

export default function SettingsScreen( { navigation } ) {}

Lee la documentación!

Para los que están en la versión 6 de react-navigation, así quedaría el componente NavigationStack.js

import { createNativeStackNavigator } from "@react-navigation/native-stack";
import HomeScreen from "../screens/HomeScreen";
import Settings from "../screens/SettingsScreen";

const Stack = createNativeStackNavigator();

export default function NavigationStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={HomeScreen} />
      <Stack.Screen name="Settings" component={Settings} />
    </Stack.Navigator>
  );
}

Les recomiendo fuertemente seguir la documentación. El curso necesita una actualización en esta parte.

Excelente curso!! 😎