Ü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 yönlendirir:

@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ı üst uygulamadaki gezinme simgesini her tıkladığında navigateBack() komutunu çağırır.

İşlev geçirme

Bu örnekte, simge için geri oku 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ğunuzda yaparsınız. Örnek:

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

Ek kaynaklar

Uygulamanızda gezinme özelliğini nasıl uygulayacağınız hakkında daha fazla bilgi için aşağıdaki kılavuz serilerine göz atın: