Üst uygulama çubuğundan git

Bu kılavuzda, en popüler uygulamada gezinme simgesini nasıl oluşturabileceğiniz gösterilmektedir. çubuğunu kullanarak, gezinme işlemleri gerçekleştirebilirsiniz.

Örnek

Aşağıdaki snippet, popüler bir uygulamayı nasıl uygulayacağınıza dair işlevsel bir gezinme simgesine sahip bir gezinme çubuğu. Bu durumda simge, kullanıcıyı uygulamadaki önceki hedefi:

@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:

  • Oluşturulabilir TopBarNavigationExample, navigateBack parametresini tanımlar () -> Unit türünde.
  • Şu değerin navigationIcon parametresi için navigateBack geçer: CenterAlignedTopAppBar.

Dolayısıyla, kullanıcı üst uygulamadaki gezinme simgesini her tıkladığında navigateBack() araması yapar.

Bir işlev iletme

Bu örnekte simge için geri ok kullanılmaktadır. Bu nedenle, navigateBack(), kullanıcıyı bir önceki hedefe yönlendirmelidir.

Bunu yapmak için TopBarNavigationExample adlı kullanıcıya bir çağrı iletin: NavController.popBackStack() Bu da müşterilerinizi gezinme grafiğine bakabilirsiniz. Ö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 şu kılavuzdan yararlanabilirsiniz: