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

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

উদাহরণ

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

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

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

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

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

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

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

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

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