https://github.com/ignag-dev/navigationapp
Aplicación con React Native que utiliza diferentes tipos de React Navigation
https://github.com/ignag-dev/navigationapp
react-native react-navigation react-navigation-drawer react-navigation-stack react-navigation-tabs typescript
Last synced: 11 months ago
JSON representation
Aplicación con React Native que utiliza diferentes tipos de React Navigation
- Host: GitHub
- URL: https://github.com/ignag-dev/navigationapp
- Owner: IgnaG-Dev
- Created: 2024-12-20T14:52:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-20T15:06:43.000Z (about 1 year ago)
- Last Synced: 2025-01-02T18:40:28.965Z (about 1 year ago)
- Topics: react-native, react-navigation, react-navigation-drawer, react-navigation-stack, react-navigation-tabs, typescript
- Language: TypeScript
- Homepage:
- Size: 245 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
```bash
git clone https://github.com/IgnaG-Dev/NavigationApp
```
2. Navega al directorio del proyecto:
```bash
cd NavigationApp
```
3. Instala las dependencias necesarias:
```bash
npm install
```
o
```bash
yarn install
```
4. Ejecuta la aplicación en un emulador o dispositivo físico:
- Para Android:
```bash
npx react-native run-android
```
- Para iOS:
```bash
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.