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

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

উদাহরণ

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

@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...

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

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