Entradas

Mostrando las entradas de diciembre, 2020

Navegación en React Native 1: Drawer (React Navigation)

Imagen
  Logo de React Navigation Como su nombre indicia React Navigatión es una librería que nos permite ajustar el comportamiento que tendrá nuestra aplicación para desplazarnos a través de las diferentes pantallas de la misma. Como muchos ya intuirán existen diversos tipos de Navegación, en esta guía haremos uso de uno de los patrones mas comunes: el Drawer . ¿Qué es un Drawer? Un Drawer (o Cajón) es un patrón de navegación que permite desplegar un menú lateral donde podremos seleccionar entre diversas pantallas de nuestra aplicación, este Drawer puede ser mostrado por gestos (deslizando el dedo desde el borde de la pantalla) o por un botón usualmente conocido como "menú Hamburguesa", su aspecto es el siguiente: Instalación de librerías Para empezar debemos de instalar las librerías necesarias en nuestro proyecto, estas son:   @react-navigation/native @react-navigation/drawer Es posible instalarlas via npm, yarn o si tu proyecto es de expo usar expo install es recomendable, por e