Navigation in Compose – NavHost mit Argumenten

Sobald deine App mehr als einen Screen hat, brauchst du einen Navigations-Graphen. In Jetpack Compose übernimmt das die Bibliothek Navigation Compose: ein NavController merkt sich den Back-Stack, ein NavHost beschreibt die möglichen Ziele als Routen.

Dependency in build.gradle.kts:

implementation("androidx.navigation:navigation-compose:2.8.0")

Der Graph

import androidx.navigation.compose.*
import androidx.navigation.NavType
import androidx.navigation.navArgument

@Composable
fun AppNav() {
    val navController = rememberNavController()

    NavHost(navController = navController, startDestination = "list") {
        composable("list") {
            TaskList(onOpen = { id -> navController.navigate("detail/$id") })
        }
        composable(
            route = "detail/{id}",
            arguments = listOf(navArgument("id") { type = NavType.LongType })
        ) { backStackEntry ->
            val id = backStackEntry.arguments?.getLong("id") ?: 0L
            TaskDetail(id = id, onBack = { navController.popBackStack() })
        }
    }
}

Was hier passiert

• rememberNavController() erzeugt den Controller und überlebt Recompositions.
• Jede composable(route) ist ein Ziel. Die Route "detail/{id}" enthält einen Platzhalter.
• navArgument + NavType.LongType typisiert das Argument – du liest es als Long statt als String zu jonglieren.
• navigate("detail/42") springt zum Detail, popBackStack() geht zurück.

Ein wichtiger Grundsatz

Reiche dem Ziel-Composable nur die ID herein, nicht das ganze Objekt. Der Detail-Screen lädt seine Daten selbst (z. B. über sein ViewModel) anhand der ID. So bleibt die Navigation schlank, übersteht Prozess-Neustarts und du vermeidest, komplexe Objekte durch den Back-Stack zu schleusen.

Wenn du eine mehrseitige Android-App in Kotlin & Compose brauchst, melde dich bei mir.

Quellen

• Navigation with Compose (developer.android.com)