Nivel 7
Nivel 7: navegación moderna
Traducción al español en progresoEl contenido detallado de esta lección aún se está traduciendo. Mientras tanto, se muestra en inglés.
Navigation Compose
Single Activity, multiple Composable destinations. Defined via a Navigation Graph.
📚 Explicación
Navigation Compose uses a type-safe, declarative API. Routes are defined as strings with optional parameters. The `NavHost` manages the navigation graph and back stack automatically.
Nota: La ejecución de código no está disponible para Android/Kotlin en el navegador. Usa Android Studio para ejecutar y probar la app.
import androidx.navigation.compose.NavHostimport androidx.navigation.compose.composableimport androidx.navigation.compose.rememberNavController@Composablefun AppNavigation() {val navController = rememberNavController()NavHost(navController = navController, startDestination = "home") {composable("home") {HomeScreen(onNavigateToProfile = { userId ->navController.navigate("profile/$userId")})}// Handling Argumentscomposable("profile/{userId}") { backStackEntry ->val userId = backStackEntry.arguments?.getString("userId")ProfileScreen(userId)}}}