NavigationApp con React Navigation 🚀

Este proyecto demuestra el uso de React Navigation en una aplicación de React Native para manejar múltiples tipos de navegación, como Stack, Drawer, Tabs, TopTabs, MaterialTabs, y más.

Funcionalidades principales 🌐

• Navegación Stack: Navegación jerárquica para moverse entre pantallas.
• Drawer Navigation: Menú lateral desplegable para acceso rápido.
• Bottom Tabs: Navegación en la parte inferior de la pantalla con pestañas.
• Top Tabs: Pestañas superiores para cambiar entre secciones.
• MaterialTabs: Navegación moderna con estilo Material Design.
• Top Scrollable Tabs: Pestañas superiores desplazables para manejar múltiples secciones.
• Paso de Argumentos entre Pantallas: Envío y recepción de datos al cambiar de pantalla.

Tecnologías Utilizadas 🧠

• React Native: Framework para construir aplicaciones móviles nativas.
• React Navigation: Librería para manejar la navegación de forma flexible.
• TypeScript: Tipado estático para mejorar la mantenibilidad del código.
• React Native Gesture Handler y Reanimated: Dependencias para una navegación fluida.

Configuración del Proyecto ⚒️

Note

Asegúrate de tener Node.js, npm o yarn, y un entorno configurado para React Native CLI.

1. Clona este repositorio en tu máquina local.

   git clone https://github.com/IgnaG-Dev/NavigationApp

2. Navega al directorio del proyecto:

   cd NavigationApp

3. Instala las dependencias necesarias:

   npm install

   o

   yarn install

4. Ejecuta la aplicación en un emulador o dispositivo físico:

   • Para Android:

     npx react-native run-android

   • Para iOS:

     npx react-native run-ios

Contribución 📢

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar esta aplicación, abre un issue o envía una pull request con tus propuestas.

Contacto 👤

Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.