একটি স্ন্যাকবার দিয়ে একটি বিজ্ঞপ্তি তৈরি করুন
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
স্ন্যাকবার উপাদানটি একটি সংক্ষিপ্ত বিজ্ঞপ্তি হিসাবে কাজ করে যা স্ক্রিনের নীচে প্রদর্শিত হয়। এটি ব্যবহারকারীর অভিজ্ঞতাকে বাধা না দিয়ে একটি অপারেশন বা ক্রিয়া সম্পর্কে প্রতিক্রিয়া প্রদান করে। স্ন্যাকবার কয়েক সেকেন্ড পরে অদৃশ্য হয়ে যায়। ব্যবহারকারী একটি বোতাম আলতো চাপার মত একটি ক্রিয়া দিয়ে তাদের বরখাস্ত করতে পারেন৷
এই তিনটি ব্যবহারের ক্ষেত্রে বিবেচনা করুন যেখানে আপনি একটি স্ন্যাকবার ব্যবহার করতে পারেন:
- অ্যাকশন নিশ্চিতকরণ: একজন ব্যবহারকারী একটি ইমেল বা বার্তা মুছে ফেলার পরে, একটি স্ন্যাকবার ক্রিয়াটি নিশ্চিত করতে এবং একটি "আনডু" বিকল্পের প্রস্তাব দেয়।
- নেটওয়ার্ক স্থিতি: অ্যাপটি যখন তার ইন্টারনেট সংযোগ হারিয়ে ফেলে, তখন একটি স্ন্যাকবার পপ আপ করে নোট করুন যে এটি এখন অফলাইন।
- ডেটা জমা: সফলভাবে একটি ফর্ম জমা দেওয়া বা সেটিংস আপডেট করার পরে, একটি স্ন্যাকবার নোট করে যে পরিবর্তনটি সফলভাবে সংরক্ষিত হয়েছে।
সংস্করণ সামঞ্জস্য
এই বাস্তবায়নের জন্য আপনার প্রজেক্ট minSDK এপিআই লেভেল 21 বা তার উপরে সেট করা প্রয়োজন।
নির্ভরতা
একটি মৌলিক স্ন্যাকবার তৈরি করুন
একটি স্ন্যাকবার বাস্তবায়ন করতে, আপনি প্রথমে SnackbarHost তৈরি করুন, যার মধ্যে একটি SnackbarHostState সম্পত্তি রয়েছে। SnackbarHostState showSnackbar() ফাংশনে অ্যাক্সেস প্রদান করে যা আপনি আপনার স্ন্যাকবার প্রদর্শন করতে ব্যবহার করতে পারেন।
এই সাসপেন্ডিং ফাংশনের জন্য একটি CoroutineScope প্রয়োজন, যেমন rememberCoroutineScope ব্যবহার করে — এবং Scaffold মধ্যে একটি Snackbar দেখানোর জন্য UI ইভেন্টের প্রতিক্রিয়া হিসাবে কল করা যেতে পারে।
অ্যাকশন সহ একটি স্ন্যাকবার তৈরি করুন
আপনি একটি ঐচ্ছিক পদক্ষেপ প্রদান করতে পারেন এবং Snackbar এর সময়কাল সামঞ্জস্য করতে পারেন। snackbarHostState.showSnackbar() ফাংশন অতিরিক্ত actionLabel এবং duration পরামিতি গ্রহণ করে এবং একটি SnackbarResult প্রদান করে।
আপনি snackbarHost প্যারামিটার সহ একটি কাস্টম Snackbar প্রদান করতে পারেন। আরও তথ্যের জন্য SnackbarHost API রেফারেন্স ডক্স দেখুন।
ফলাফল
চিত্র 1. অ্যাকশন সহ স্ন্যাকবার বিজ্ঞপ্তি।
এই নির্দেশিকা ধারণকারী সংগ্রহ
এই নির্দেশিকাটি এই কিউরেট করা কুইক গাইড সংগ্রহের অংশ যা বৃহত্তর অ্যান্ড্রয়েড উন্নয়ন লক্ষ্যগুলি কভার করে:
ইন্টারেক্টিভ উপাদান প্রদর্শন
মেটেরিয়াল ডিজাইন ডিজাইন সিস্টেমের উপর ভিত্তি করে কীভাবে কম্পোজেবল ফাংশনগুলি আপনাকে সহজেই সুন্দর UI উপাদান তৈরি করতে সক্ষম করে তা শিখুন।
এই পৃষ্ঠার কন্টেন্ট ও কোডের নমুনাগুলি Content License-এ বর্ণিত লাইসেন্সের অধীনস্থ। Java এবং OpenJDK হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2025-02-06 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2025-02-06 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[],null,["\u003cbr /\u003e\n\nThe [snackbar component](https://material.io/components/snackbars) serves as a brief notification that appears at the\nbottom of the screen. It provides feedback about an operation or action without\ninterrupting the user experience. Snackbars disappear after a few seconds. The\nuser can also dismiss them with an action, such as tapping a button.\n\nConsider these three use cases where you might use a snackbar:\n\n- **Action confirmation:** After a user deletes an email or message, a snackbar appears to confirm the action and offer an \"Undo\" option.\n- **Network status:** When the app loses its internet connection, a snackbar pops up to note that it is now offline.\n- **Data submission:** Upon successfully submitting a form or updating settings, a snackbar notes that the change has saved successfully.\n\nVersion compatibility\n\nThis implementation requires that your project minSDK be set to API level 21\nor higher.\n\nDependencies\n\nCreate a basic snackbar\n\nTo implement a snackbar, you first create [`SnackbarHost`](/reference/kotlin/androidx/compose/material3/package-summary#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)), which includes a\n[`SnackbarHostState`](/reference/kotlin/androidx/compose/material3/SnackbarHostState) property. `SnackbarHostState` provides access to the\n[`showSnackbar()`](/reference/kotlin/androidx/compose/material3/SnackbarHostState#showsnackbar) function which you can use to display your snackbar.\n\nThis suspending function requires a `CoroutineScope` such as with using\n[`rememberCoroutineScope`](/reference/kotlin/androidx/compose/runtime/package-summary#remembercoroutinescope) --- and can be called in response to UI events to\nshow a [`Snackbar`](/reference/kotlin/androidx/compose/material3/package-summary#snackbar) within `Scaffold`.\n\nCreate a snackbar with action\n\nYou can provide an optional action and adjust the duration of the `Snackbar`.\nThe `snackbarHostState.showSnackbar()` function accepts additional `actionLabel`\nand `duration` parameters, and returns a [`SnackbarResult`](/reference/kotlin/androidx/compose/material3/SnackbarResult).\n\nYou can provide a custom `Snackbar` with the `snackbarHost` parameter. See the\n[`SnackbarHost` API reference docs](/reference/kotlin/androidx/compose/material/package-summary#snackbarhost) for more information.\n\nResults\n\n\n**Figure 1.** Snackbar notifications with action.\n\n\u003cbr /\u003e\n\nCollections that contain this guide\n\nThis guide is part of these curated Quick Guide collections that cover\nbroader Android development goals: \n\nDisplay interactive components \nLearn how composable functions can enable you to easily create beautiful UI components based on the Material Design design system. \n[Quick guide collection](/develop/ui/compose/quick-guides/collections/display-interactive-components) \n\nHave questions or feedback \nGo to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts. \n[Go to FAQ](/quick-guides/faq) [Leave feedback](https://issuetracker.google.com/issues/new?component=1573691&template=1993320)"]]
