Üst uygulama çubuğundan git

Bu kılavuzda, üst uygulama çubuğundaki gezinme simgesinin nasıl gezinme işlemleri yapabileceği gösterilmektedir.

Örnek

Aşağıdaki snippet, işlevsel bir gezinme simgesine sahip üst uygulama çubuğunu nasıl uygulayabileceğinize dair minimal bir örnektir. Bu durumda simge, kullanıcıyı uygulamadaki önceki hedefine götürür:

@Composable
fun TopBarNavigationExample(
    navigateBack: () -> Unit,
) {
    Scaffold(
        topBar = {
            CenterAlignedTopAppBar(
                title = {
                    Text(
                        "Navigation example",
                    )
                },
                navigationIcon = {
                    IconButton(onClick = navigateBack) {
                        Icon(
                            imageVector = Icons.AutoMirrored.Filled.ArrowBack,
                            contentDescription = "Localized description"
                        )
                    }
                },
            )
        },
    ) { innerPadding ->
        Text(
            "Click the back button to pop from the back stack.",
            modifier = Modifier.padding(innerPadding),
        )
    }
}
AppBar.kt

Kodla ilgili önemli noktalar

Bu örnekte aşağıdakilere dikkat edin:

  • Birleştirilebilir TopBarNavigationExample, () -> Unit türüne sahip bir navigateBack parametresi tanımlar.
  • CenterAlignedTopAppBar öğesinin navigationIcon parametresi için navigateBack değerini iletir.

Bu nedenle, kullanıcı üstteki uygulamada geri gezinme simgesini her tıkladığında navigateBack() çağrılır.

İşlev geçirme

Bu örnekte simge için geri ok kullanılmaktadır. Bu nedenle, navigateBack() bağımsız değişkeni kullanıcıyı önceki hedefe götürmelidir.

Bunun için TopBarNavigationExample çağrısını NavController.popBackStack()'e iletin. Bunu gezinme grafiğinizi oluşturduğunuz yerde yaparsınız. Örnek:

NavHost(navController, startDestination = "home") {
    composable("topBarNavigationExample") {
        TopBarNavigationExample{ navController.popBackStack() }
    }
    // Other destinations...

Ek kaynaklar

Uygulamanızda gezinmeyi nasıl uygulayacağınız hakkında daha fazla bilgi için aşağıdaki kılavuzlara bakın: