Hoe kan een schermwisselingsmechanisme worden geïmplementeerd in Jetpack Compose?

In Jetpack Compose wordt schermnavigatie meestal geïmplementeerd met behulp van de Navigation Compose-bibliotheek, die de navigatie tussen verschillende Composable's beheert.

Belangrijkste stappen:

1. Maak een NavHost die een NavController bevat en definieer het navigatiegrafiek.
2. Definieer een composable voor elk scherm met een unieke route.
3. Gebruik de NavController om tussen schermen te navigeren door navigate() aan te roepen.

Voorbeeld:

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("Ga naar detailscherm")
    }
}

@Composable
fun DetailsScreen() {
    Text("Detailscherm")
}

Deze aanpak maakt het gemakkelijk om de stack van schermen en navigatieparameters te beheren.