सबसे ऊपर मौजूद ऐप्लिकेशन बार से नेविगेट करें

इस गाइड में बताया गया है कि किसी टॉप ऐप्लिकेशन में नेविगेशन आइकॉन कैसे बनाया जा सकता है बार पर नेविगेट करने से जुड़ी कार्रवाइयां की जा सकती हैं.

उदाहरण

नीचे दिए गए स्निपेट में, टॉप ऐप्लिकेशन को लागू करने का सबसे छोटा उदाहरण दिया गया है पर क्लिक करें. ऐसी स्थिति में, आइकन उपयोगकर्ता को ऐप्लिकेशन में उनका पिछला डेस्टिनेशन:

@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

कोड के बारे में खास जानकारी

इस उदाहरण में नीचे दी गई बातों का ध्यान रखें:

  • कंपोज़ेबल TopBarNavigationExample, navigateBack पैरामीटर को तय करता है () -> Unit टाइप का है.
  • यह इसके navigationIcon पैरामीटर के लिए navigateBack पास करता है CenterAlignedTopAppBar.

इसलिए, जब भी उपयोगकर्ता सबसे ऊपर वाले ऐप्लिकेशन में मौजूद नेविगेशन आइकॉन पर क्लिक करता है, तो navigateBack() को कॉल करता है.

कोई फ़ंक्शन पास करें

इस उदाहरण में, आइकॉन के लिए बैक ऐरो का इस्तेमाल किया गया है. इसलिए, navigateBack() उपयोगकर्ता को पिछले डेस्टिनेशन पर ले जाना चाहिए.

ऐसा करने के लिए, TopBarNavigationExample को इस नंबर पर कॉल करें NavController.popBackStack(). आप ऐसा वहां करते हैं, जहां आप अपने निर्माण नेविगेशन ग्राफ़. उदाहरण के लिए:

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

अन्य संसाधन

अपने ऐप्लिकेशन में नेविगेशन लागू करने के बारे में ज़्यादा जानने के लिए, यहां जाएं इस लेख में जानकारी दी गई है: