Skip to content

IsraelDeveloperMaster/Kotlin-NavController-Jetpack-Compose

Repository files navigation

🇧🇷 Português

🇪🇸 Español

🇬🇧 Inglés



languages graph

PORTUGUÊS

App de Navegação com Jetpack Compose e NavController

Este repositório contém um aplicativo Android desenvolvido em Kotlin, utilizando o Jetpack Compose, com o objetivo de ensinar como trabalhar com o NavController para implementar navegação entre telas de forma moderna e eficiente.

🛠️ Tecnologias e Ferramentas Utilizadas

  • Kotlin: Linguagem principal para o desenvolvimento do app.
  • Jetpack Compose: Ferramenta declarativa para criação de interfaces nativas no Android.
  • NavController: Gerenciador de navegação que facilita o controle de fluxos entre telas.
  • Android Studio: IDE recomendada para desenvolvimento e testes.

🎯 Objetivo do Projeto

O objetivo deste projeto é fornecer uma base prática para quem deseja aprender a implementar navegação entre telas em aplicativos Android utilizando o Jetpack Compose. Através do NavController, é possível criar navegações simples ou complexas, com passagem de argumentos entre telas, e ainda garantir a integração perfeita com os componentes do Compose.

📋 Funcionalidades

  • Navegação entre telas de forma declarativa.
  • Passagem de argumentos entre telas utilizando o Safe Args.
  • Navegação com animações.
  • Gerenciamento do back stack para garantir uma navegação fluida.

🔧 Estrutura do Projeto

├── app/
│   ├── src/
│       ├── main/
│           ├── java/com/example/navigationapp/
│               ├── ui/
│                   ├── HomeScreen.kt
│                   ├── DetailScreen.kt
│                   └── Navigation.kt
│               ├── MainActivity.kt
│           └── res/
│               ├── values/
│                   ├── themes.xml
│               ├── drawable/
│                   ├── ic_launcher.xml

Descrição dos Principais Arquivos:

  • MainActivity.kt: Inicializa o Jetpack Compose e configura a navegação.
  • Navigation.kt: Contém toda a lógica de navegação, utilizando o NavHost e o NavController.
  • HomeScreen.kt e DetailScreen.kt: Telas de exemplo para demonstrar a navegação.

🚀 Como Executar o Projeto

  1. Clone o repositório:

    git clone https://github.com/IsraelDeveloperMaster/Navigation-NavController-Jetpack-Compose.git
  2. Abra o projeto no Android Studio:

    • Certifique-se de ter o Android Studio Arctic Fox ou versão mais recente instalada.
  3. Compile e execute o projeto:

    • Selecione um dispositivo virtual ou físico e clique em "Run".

🧑‍💻 Aprenda Mais

Para entender melhor os conceitos aplicados neste projeto, confira a documentação oficial do Jetpack Compose e do NavController:


Sinta-se à vontade para contribuir com melhorias ou abrir issues para sugestões e dúvidas. 😊

📝 Licença

Este projeto está sob a licença MIT.

ESPAÑOL

Aplicación de Navegación con Jetpack Compose y NavController

Este repositorio contiene una aplicación Android desarrollada en Kotlin, utilizando Jetpack Compose, con el objetivo de enseñar cómo trabajar con NavController para implementar navegación entre pantallas de manera moderna y eficiente.

🛠️ Tecnologías y Herramientas Utilizadas

  • Kotlin: Lenguaje principal para el desarrollo de la aplicación.
  • Jetpack Compose: Herramienta declarativa para crear interfaces nativas en Android.
  • NavController: Gestor de navegación que facilita el control de flujos entre pantallas.
  • Android Studio: IDE recomendada para desarrollo y pruebas.

🎯 Objetivo del Proyecto

El objetivo de este proyecto es proporcionar una base práctica para quienes deseen aprender a implementar navegación entre pantallas en aplicaciones Android utilizando Jetpack Compose. A través de NavController, es posible crear navegaciones simples o complejas, pasando argumentos entre pantallas y asegurando una integración perfecta con los componentes de Compose.

📋 Funcionalidades

  • Navegación entre pantallas de forma declarativa.
  • Paso de argumentos entre pantallas utilizando Safe Args.
  • Navegación con animaciones.
  • Gestión del back stack para garantizar una navegación fluida.

🔧 Estructura del Proyecto

├── app/
│   ├── src/
│       ├── main/
│           ├── java/com/example/navigationapp/
│               ├── ui/
│                   ├── HomeScreen.kt
│                   ├── DetailScreen.kt
│                   └── Navigation.kt
│               ├── MainActivity.kt
│           └── res/
│               ├── values/
│                   ├── themes.xml
│               ├── drawable/
│                   ├── ic_launcher.xml

Descripción de los Archivos Principales:

  • MainActivity.kt: Inicializa Jetpack Compose y configura la navegación.
  • Navigation.kt: Contiene toda la lógica de navegación utilizando NavHost y NavController.
  • HomeScreen.kt y DetailScreen.kt: Pantallas de ejemplo para demostrar la navegación.

🚀 Cómo Ejecutar el Proyecto

  1. Clona el repositorio:

    git clone https://github.com/IsraelDeveloperMaster/Navigation-NavController-Jetpack-Compose.git
  2. Abre el proyecto en Android Studio:

    • Asegúrate de tener Android Studio Arctic Fox o una versión más reciente instalada.
  3. Compila y ejecuta el proyecto:

    • Selecciona un dispositivo virtual o físico y haz clic en "Run".

🧑‍💻 Aprende Más

Para comprender mejor los conceptos aplicados en este proyecto, consulta la documentación oficial de Jetpack Compose y NavController:


Siéntete libre de contribuir con mejoras o abrir issues para sugerencias y dudas. 😊

📝 Licencia

Este proyecto está bajo la licencia MIT.

About

Navigation NavController Jetpack Compose

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •  

Languages