Compose-Navigation: Entfernen Sie das vorherige Composable vom Stapel, bevor Sie navigieren

Ich benutze compose-navigation(alpha09), um die Navigation zwischen Composables zu verwalten

Ich möchte das entfernen Begrüßungsbildschirm beim Umzug zum nächsten Ziel (ich möchte das nicht zurück gedrückt um zurück zu Splash zu kommen)

Folgende Versuche haben nicht wie erwartet funktioniert:

navHostController.navigate(Route.login.id) {
    navHostController.graph.clear()
}

navHostController.navigate(Route.login.id)
navHostController.graph.clear()

val currentDest = navHostController.currentDestination
navHostController.navigate(Route.login.id)
if (currentDest != null) {
   navHostController.graph.remove(currentDest)
}

Wie kann ich also den Begrüßungsbildschirm entfernen und dann mit dem nächsten Schritt fortfahren?

In Jetpack Compose 1.0.0 Um zu navigieren und das vorherige Composable aus dem hinteren Stapel zu entfernen, können Sie Folgendes verwenden:

navController.navigate(Screens.Login.name) {
    popUpTo(Screens.Splash.name) {
        inclusive = true
    }
}

Der obige Code navigiert von dort aus Splash Bildschirm zu Login und es wird alles angezeigt, einschließlich der Splash Bildschirm.

Navigieren Sie zu einem zusammensetzbaren Dokument

Für v1.0.0-alpha09 (Und 1.0 stabil)

Benutzen popUpTo(0) Sie können den Stapel leeren, bevor Sie zum nächsten Ziel navigieren. So:

navHostController.navigate(Route.login.id) {
    // popUpTo = 0 // DEPRECATED
    popUpTo(0)
}

Für eine konsistente wiederverwendbare Funktion, die die aktuelle Route nicht kennen muss, verwenden Sie diese NavOptionsBuilder-Erweiterungsfunktion

fun NavOptionsBuilder.popUpToTop(navController: NavController) {
    popUpTo(navController.currentBackStackEntry?.destination?.route ?: return) { 
        inclusive =  true
    }
}

^ Ähnlich wie bei anderen Antworten wird popUpTo zur aktuellen Route angezeigt, aber anstatt die spezifische aktuelle Route zu benennen, wird sie stattdessen aus dem Backstack-Eintrag abgerufen.

Jetzt können Sie es wie folgt verwenden:

navController.navigate(ScreenRoutes.Login.route) { popUpToTop(navController) }

^ Dieses Beispiel navigiert zu „Anmelden“ und sollte den gesamten Backstack davor leeren.

Zum Abräumen des gesamten Backstacks

Um mehrere zusammensetzbare Bildschirme aus dem Stapel zu entfernen, verwenden Sie das folgende Snippet

navController.navigate(ScreenRoutes.Login.route){
                    popUpTo(navController.graph.findStartDestination().id){
                        inclusive = true  }}

Oder um Home im hinteren Stapel zu halten

navController.navigate(ScreenRoutes.SelectCourseLayout.route){
    popUpTo(ScreenRoutes.Home.route)
}

Abgesehen von Bildschirmen enthält der Backstack Navigationsdiagramme, und sein Stamm ist immer das Erste im Backstack. Unser NavHostController enthält ein Diagramm, sodass Sie durch Einfügen seiner ID Ihren Backstack löschen können:

popUpTo(navHostController.graph.id)

Weitere Informationen finden Sie hier in der ausführlichen Erklärung https://medium.com/@banmarkovic/jetpack-compose-clear-back-stack-popbackstack-inclusive-explained-14ee73a29df5

Um den Backstack zu löschen, können Sie diesen einfach erstellen Extension Funktion und verwenden Sie es gegebenenfalls wieder.

fun NavHostController.navigateAndClean(route: String) {
    navigate(route = route) {
        popUpTo(graph.startDestinationId) { inclusive = true }
    }
    graph.setStartDestination(route)
}

Jetpack Compose v1.0.5

navController.backQueue.removeIf { it.destination.route == "Splash" }
navController.popBackStack()