Skip to content

Latest commit

 

History

History
 
 

Sesion-04

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

Sesión 4: Navegación en React navigation 🛳

1. Objetivos 🎯

  • Navegar entre diferentes pantallas
  • Obtener la habilidad de usar la navegación en React Native.
  • Usar de manera correcta la librería @react-navigation/native

2. Contenido 📘

En esta leccion veremos como usar de manera correcta una librería de navegación en React Native, esta librería se llama React navigation.

Exploremos un ejemplo que tiene en la documentación oficial esta librería.

Versiones de paquetes

Nombre Ultima Version
@react-navigation/core badge
@react-navigation/native badge
@react-navigation/routers badge
@react-navigation/stack badge
@react-navigation/drawer badge
@react-navigation/material-top-tabs badge
@react-navigation/material-bottom-tabs badge
@react-navigation/bottom-tabs badge
@react-navigation/devtools badge

Tema 1: Posibilidades

¿Qué es navegación y que se puede lograr con esta librería?

Es una pregunta que resolveremos viendo el Ejemplo 01 de esta lección.


Tema 2: Implementando nuestra primera app con navegación.

Una vez que el proyecto está creado, la estructura o forma en la que se organiza es de suma importancia. No sólo nos ayuda a mantener nuestro código organizado, sino que también es importante para el funcionamiento de nuestra nueva app. Veámoslo en el Ejemplo 02.


Tema 3: Configurando el header bar

Veamos a profundidad que es lo que se puede hacer con el header en esta librería de navegación con el Ejmplo 03.

Después de saber todo esto, creemos una app con navegación en nuestro único Reto de la sesión.


3. Postwork 📝

Encuentra las indicaciones y consejos para reflejar los avances de tu proyecto de este módulo.