উপরের অ্যাপ বার থেকে নেভিগেট করা

এই নির্দেশিকা থেকে আপনি জানতে পারবেন যে কীভাবে টপ অ্যাপ বারে নেভিগেশন আইকনকে নেভিগেশন অ্যাকশন পারফর্ম করতে হয়।

উদাহরণ

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

@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),
        )
    }
}

কোড সম্পর্কে গুরুত্বপূর্ণ পয়েন্ট

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

  • কম্পোজ করার উপযুক্ত TopBarNavigationExample, () -> Unit ধরনের navigateBack প্যারামিটারকে সংজ্ঞায়িত করে।
  • এটি CenterAlignedTopAppBar-এর navigationIcon প্যারামিটারের জন্য navigateBack পাস করে।

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

ফাংশন পাস করা

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

এটি করতে, TopBarNavigationExample একটি কল NavController.popBackStack()-এ পাস করুন। আপনি এটি সেই জায়গায় করেন যেখানে আপনার নেভিগেশন গ্রাফ তৈরি করেন। যেমন:

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

অতিরিক্ত রিসোর্স

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