আপনি আংশিকভাবে একটি বটম শিট দেখাতে পারেন এবং তারপর ব্যবহারকারীকে এটি পূর্ণ স্ক্রিনে দেখাতে অথবা খারিজ করতে দিতে পারেন।
এটি করার জন্য, আপনার ModalBottomSheet SheetState এর একটি উদাহরণ দিন যেখানে skipPartiallyExpanded কে false তে সেট করা আছে।
উদাহরণ
এই উদাহরণটি দেখায় যে কিভাবে আপনি ModalBottomSheet এর sheetState প্রোপার্টি ব্যবহার করে প্রথমে কেবল আংশিকভাবে শীটটি প্রদর্শন করতে পারেন:
@Composable fun PartialBottomSheet() { var showBottomSheet by remember { mutableStateOf(false) } val sheetState = rememberModalBottomSheetState( skipPartiallyExpanded = false, ) Column( modifier = Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally, ) { Button( onClick = { showBottomSheet = true } ) { Text("Display partial bottom sheet") } if (showBottomSheet) { ModalBottomSheet( modifier = Modifier.fillMaxHeight(), sheetState = sheetState, onDismissRequest = { showBottomSheet = false } ) { Text( "Swipe up to open sheet. Swipe down to dismiss.", modifier = Modifier.padding(16.dp) ) } } } }
কোড সম্পর্কে গুরুত্বপূর্ণ বিষয়সমূহ
এই উদাহরণে, নিম্নলিখিত বিষয়গুলি লক্ষ্য করুন:
-
showBottomSheetঅ্যাপটি নীচের শীটটি প্রদর্শন করবে কিনা তা নিয়ন্ত্রণ করে। -
sheetStateহলSheetStateএর একটি উদাহরণ যেখানেskipPartiallyExpandedমিথ্যা। -
ModalBottomSheetএকটি মডিফায়ার নেয় যা নিশ্চিত করে যে এটি সম্পূর্ণরূপে প্রসারিত হলে স্ক্রিনটি পূরণ করে। -
ModalBottomSheetতারsheetStateপ্যারামিটারের জন্যsheetStateমান হিসেবে নেয়।- ফলস্বরূপ, প্রথমবার খোলার সময় শীটটি কেবল আংশিকভাবে প্রদর্শিত হয়। ব্যবহারকারী তারপর এটিকে টেনে আনতে বা সোয়াইপ করে পূর্ণ স্ক্রিনে তুলতে বা খারিজ করতে পারেন।
- ব্যবহারকারী যখন নীচের শিটটি খারিজ করার চেষ্টা করে তখন কী ঘটে তা
onDismissRequestল্যাম্বডা নিয়ন্ত্রণ করে। এই ক্ষেত্রে, এটি কেবল শিটটি সরিয়ে দেয়।
ফলাফল
ব্যবহারকারী যখন প্রথম বোতামটি টিপবেন, তখন শীটটি আংশিকভাবে প্রদর্শিত হবে:

ব্যবহারকারী যদি শীটে উপরের দিকে সোয়াইপ করেন, তাহলে স্ক্রিনটি পূর্ণ হয়ে যাবে:
