{"id":23842287,"url":"https://github.com/ignag-dev/navigationapp","last_synced_at":"2025-02-22T05:23:20.219Z","repository":{"id":269055576,"uuid":"906282322","full_name":"IgnaG-Dev/NavigationApp","owner":"IgnaG-Dev","description":"Aplicación con React Native que utiliza diferentes tipos de React Navigation","archived":false,"fork":false,"pushed_at":"2024-12-20T15:06:43.000Z","size":251,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-02T18:40:28.965Z","etag":null,"topics":["react-native","react-navigation","react-navigation-drawer","react-navigation-stack","react-navigation-tabs","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IgnaG-Dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-20T14:52:51.000Z","updated_at":"2024-12-20T15:08:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"91dd0d13-dba2-4549-ac30-b8ce09d652d0","html_url":"https://github.com/IgnaG-Dev/NavigationApp","commit_stats":null,"previous_names":["ignag-dev/navigationapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnaG-Dev%2FNavigationApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnaG-Dev%2FNavigationApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnaG-Dev%2FNavigationApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgnaG-Dev%2FNavigationApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IgnaG-Dev","download_url":"https://codeload.github.com/IgnaG-Dev/NavigationApp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240129439,"owners_count":19752353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-native","react-navigation","react-navigation-drawer","react-navigation-stack","react-navigation-tabs","typescript"],"created_at":"2025-01-02T18:37:25.646Z","updated_at":"2025-02-22T05:23:20.210Z","avatar_url":"https://github.com/IgnaG-Dev.png","language":"TypeScript","readme":"# NavigationApp con React Navigation 🚀\n### 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.\n\n![Captura de NavigationApp](https://github.com/user-attachments/assets/5f12ea86-477e-427b-83fa-6f2b97aaca6d \"Interfaz de NavigationApp\")\n\n\n## Funcionalidades principales 🌐\n- **Navegación Stack**: Navegación jerárquica para moverse entre pantallas.\n- **Drawer Navigation**: Menú lateral desplegable para acceso rápido.\n- **Bottom Tabs**: Navegación en la parte inferior de la pantalla con pestañas.\n- **Top Tabs**: Pestañas superiores para cambiar entre secciones.\n- **MaterialTabs**: Navegación moderna con estilo Material Design.\n- **Top Scrollable Tabs**: Pestañas superiores desplazables para manejar múltiples secciones.\n- **Paso de Argumentos entre Pantallas**: Envío y recepción de datos al cambiar de pantalla.\n\n## Tecnologías Utilizadas 🧠\n- **React Native**: Framework para construir aplicaciones móviles nativas.\n- **React Navigation**: Librería para manejar la navegación de forma flexible.\n- **TypeScript**: Tipado estático para mejorar la mantenibilidad del código.\n- **React Native Gesture Handler y Reanimated**: Dependencias para una navegación fluida.\n\n## Configuración del Proyecto ⚒️\n\u003e[!NOTE]\n\u003eAsegúrate de tener Node.js, npm o yarn, y un entorno configurado para React Native CLI.\n\n1. Clona este repositorio en tu máquina local.\n   ```bash\n   git clone https://github.com/IgnaG-Dev/NavigationApp\n   ```\n\n2. Navega al directorio del proyecto:\n   ```bash\n   cd NavigationApp\n   ```\n\n3. Instala las dependencias necesarias:\n   ```bash\n   npm install\n   ```\n   o\n   ```bash\n   yarn install\n   ```\n\n4. Ejecuta la aplicación en un emulador o dispositivo físico:\n   - Para Android:\n     ```bash\n     npx react-native run-android\n     ```\n   - Para iOS:\n     ```bash\n     npx react-native run-ios\n     ```\n\n## Contribución 📢\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.\n\n## Contacto 👤\nSi tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fignag-dev%2Fnavigationapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fignag-dev%2Fnavigationapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fignag-dev%2Fnavigationapp/lists"}