Navegue entre telas compartilhadas
Conecte um grafo de navegação no Compose Multiplatform
Navegue entre telas compartilhadas é uma aula grátis de Kotlin Multiplatform Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Kotlin Multiplatform Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Kotlin Multiplatform Academy inclui 4 aulas no total.
Mais de uma tela
Aplicativos reais têm muitas telas: uma lista, uma tela de detalhes, uma página de configurações. A navegação é a forma de passar entre elas no código Compose compartilhado. 🧭
Um grafo para todas as plataformas
Você define um único grafo de navegação em commonMain, e Android, iOS e computador seguem o mesmo mapa de rotas.
Adicione a biblioteca de navegação
O Compose Multiplatform fornece seu próprio artefato de navegação do Compose. Adicione-o a commonMain e o conjunto de ferramentas de roteamento virá com ele.
commonMain.dependencies {
implementation(libs.navigation.compose)
}As telas são apenas rotas
Cada destino é identificado por uma string de rota. Pense nela como um pequeno endereço de uma tela do seu aplicativo.
Crie o NavController
Um NavController lembra onde você está e permite que você se mova pelo aplicativo. Você cria um e o entrega ao seu grafo.
val navController = rememberNavController()Declare o NavHost
O NavHost hospeda suas telas e mostra a rota que estiver atual. Você fornece a ele um controlador e um destino inicial.
NavHost(navController, startDestination = "home") {
composable("home") { HomeScreen() }
composable("details") { DetailsScreen() }
}Escolha um destino inicial
O startDestination é a primeira tela que os usuários veem. Ele é apenas uma das strings de rota, escolhida como ponto de entrada.
Navegue para a frente
Para abrir outra tela, chame navigate com a rota dela. O NavHost substitui a tela atual por esse destino.
Button(onClick = { navController.navigate("details") }) {
Text("Open details")
}Volte de forma organizada
Chamar popBackStack retorna à tela anterior. O Compose acompanha o histórico para que o botão de voltar funcione como os usuários esperam.
navController.popBackStack()A pilha de retorno
Cada tela aberta é colocada em uma pilha de retorno. Voltar remove a entrada do topo, como em uma pilha de cartas.
Roteamento compartilhado, hospedagem nativa
O grafo é compartilhado, mas cada plataforma ainda o hospeda em seu próprio ponto de entrada. Um mapa de rotas, dois contêineres nativos. 🙂
Verificação rápida
Qual componente realmente realiza a passagem de uma tela para outra?
Recapitulação: um mapa compartilhado de telas
Você adicionou a navegação, criou um NavHost com rotas e usou o NavController para avançar e voltar. Um grafo, todas as plataformas. 🚀
Aprenda Kotlin com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 30
- Aulas
- 120
Perguntas Frequentes
A aula “Navegue entre telas compartilhadas” é grátis?
Sim — o texto completo de “Navegue entre telas compartilhadas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Kotlin Multiplatform Academy, atualize para CoddyKit PRO. O curso de Kotlin Multiplatform Academy inclui 4 aulas no total.
O que vou aprender em “Navegue entre telas compartilhadas”?
Conecte um grafo de navegação no Compose Multiplatform Você pratica Kotlin Multiplatform Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Kotlin Multiplatform Academy?
Nenhuma experiência prévia é necessária. Kotlin Multiplatform Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Navegue entre telas compartilhadas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Kotlin Multiplatform Academy?
Sim. Cada aula de Kotlin Multiplatform Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Navegue entre telas compartilhadas
- Passe argumentos e links profundos
- Imagens, fontes e strings compartilhadas
- Localize textos da interface compartilhada