¿Cómo se puede implementar un mecanismo de cambio de pantallas en Jetpack Compose?

En Jetpack Compose, la navegación entre pantallas generalmente se implementa mediante la biblioteca Navigation Compose, que gestiona la navegación entre diferentes Composable.

Pasos principales:

1. Crear un NavHost que contenga un NavController y defina el gráfico de navegación.
2. Definir un composable para cada pantalla con una ruta (route) única.
3. Usar el NavController para navegar entre pantallas mediante la llamada a navigate().

Ejemplo:

val navController = rememberNavController()

NavHost(navController = navController, startDestination = "home") {
    composable("home") { HomeScreen(onNavigate = { navController.navigate("details") }) }
    composable("details") { DetailsScreen() }
}

@Composable
fun HomeScreen(onNavigate: () -> Unit) {
    Button(onClick = onNavigate) {
        Text("Ir a la pantalla de detalles")
    }
}

@Composable
fun DetailsScreen() {
    Text("Pantalla de detalles")
}

Este enfoque permite gestionar fácilmente la pila de pantallas y los parámetros de navegación.