Ü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 simgesi içeren bir üst uygulama çubuğunu nasıl uygulayabileceğinize dair basit 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 geri gezinme simgesini her tıkladığında navigateBack() çağrılı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.

Bunu yapmak 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: