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

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

উদাহরণ

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

@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

কোড সম্পর্কে মূল বিষয়গুলো

এই উদাহরণে নিম্নলিখিত বিষয়গুলো লক্ষ্য করুন:

  • `composable TopBarNavigationExample navigateBack নামের একটি প্যারামিটার সংজ্ঞায়িত করে, যার টাইপ হলো () -> Unit ।
  • এটি CenterAlignedTopAppBar এর navigationIcon প্যারামিটারের জন্য navigateBack পাস করে।

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

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

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

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

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

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

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