শীর্ষ অ্যাপ বার থেকে নেভিগেট করুন

এই নির্দেশিকাটি দেখায় যে কীভাবে আপনি উপরের অ্যাপ বারের নেভিগেশন আইকনটিকে নেভিগেশন ক্রিয়া সম্পাদন করতে পারেন।

উদাহরণ

নিচের স্নিপেটটি কীভাবে একটি কার্যকরী নেভিগেশন আইকন সহ একটি শীর্ষ অ্যাপ বার বাস্তবায়ন করতে পারেন তার একটি ন্যূনতম উদাহরণ। এই ক্ষেত্রে, আইকনটি ব্যবহারকারীকে অ্যাপে তাদের পূর্ববর্তী গন্তব্যে নিয়ে যায়: 

@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 টাইপের সংজ্ঞায়িত করে।
  • এটি CenterAlignedTopAppBar এর navigationIcon প্যারামিটারের জন্য navigateBack পাস করে।

যেমন, যখনই ব্যবহারকারী উপরের অ্যাপের নেভিগেশন আইকনে ক্লিক করে, তখন এটি navigateBack() কল করে।

একটি ফাংশন পাস করুন

এই উদাহরণে আইকনের জন্য একটি পিছনের তীর ব্যবহার করা হয়েছে। তাই, navigateBack() এর আর্গুমেন্ট ব্যবহারকারীকে পূর্ববর্তী গন্তব্যে নিয়ে যাবে।

এটি করার জন্য, TopBarNavigationExample এ NavController.popBackStack() কল করুন। আপনি যেখানে আপনার নেভিগেশন গ্রাফ তৈরি করেন সেখানে এটি করেন। উদাহরণস্বরূপ:

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

অতিরিক্ত সম্পদ

আপনার অ্যাপে নেভিগেশন কীভাবে বাস্তবায়ন করবেন সে সম্পর্কে আরও তথ্যের জন্য, নিম্নলিখিত নির্দেশিকাগুলির সিরিজটি দেখুন:

,

এই নির্দেশিকাটি দেখায় যে কীভাবে আপনি উপরের অ্যাপ বারের নেভিগেশন আইকনটিকে নেভিগেশন ক্রিয়া সম্পাদন করতে পারেন।

উদাহরণ

নিচের স্নিপেটটি কীভাবে একটি কার্যকরী নেভিগেশন আইকন সহ একটি শীর্ষ অ্যাপ বার বাস্তবায়ন করতে পারেন তার একটি ন্যূনতম উদাহরণ। এই ক্ষেত্রে, আইকনটি ব্যবহারকারীকে অ্যাপে তাদের পূর্ববর্তী গন্তব্যে নিয়ে যায়: 

@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 টাইপের সংজ্ঞায়িত করে।
  • এটি CenterAlignedTopAppBar এর navigationIcon প্যারামিটারের জন্য navigateBack পাস করে।

যেমন, যখনই ব্যবহারকারী উপরের অ্যাপের নেভিগেশন আইকনে ক্লিক করে, তখন এটি navigateBack() কল করে।

একটি ফাংশন পাস করুন

এই উদাহরণে আইকনের জন্য একটি পিছনের তীর ব্যবহার করা হয়েছে। তাই, navigateBack() এর আর্গুমেন্ট ব্যবহারকারীকে পূর্ববর্তী গন্তব্যে নিয়ে যাবে।

এটি করার জন্য, TopBarNavigationExample এ NavController.popBackStack() কল করুন। আপনি যেখানে আপনার নেভিগেশন গ্রাফ তৈরি করেন সেখানে এটি করেন। উদাহরণস্বরূপ:

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

অতিরিক্ত সম্পদ

আপনার অ্যাপে নেভিগেশন কীভাবে বাস্তবায়ন করবেন সে সম্পর্কে আরও তথ্যের জন্য, নিম্নলিখিত নির্দেশিকাগুলির সিরিজটি দেখুন: