আপনি বটম শীটটি আংশিকভাবে দেখাতে পারেন এবং তারপর ব্যবহারকারীকে সেটিকে ফুল স্ক্রিন করার বা সরিয়ে ফেলার সুযোগ দিতে পারেন।
এটি করার জন্য, আপনার 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মান false। -
ModalBottomSheetএকটি মডিফায়ার থাকে যা নিশ্চিত করে যে এটি সম্পূর্ণরূপে প্রসারিত হলে স্ক্রিনটি পূর্ণ করবে। -
ModalBottomSheetতারsheetStateপ্যারামিটারের মান হিসেবেsheetStateগ্রহণ করে।- এর ফলে, প্রথমবার খোলার সময় শীটটি কেবল আংশিকভাবে প্রদর্শিত হয়। এরপর ব্যবহারকারী এটিকে টেনে বা সোয়াইপ করে পূর্ণ স্ক্রিন করতে অথবা সরিয়ে দিতে পারেন।
-
onDismissRequestল্যাম্বডাটি নিয়ন্ত্রণ করে যে ব্যবহারকারী যখন বটম শীটটি ডিসমিস করার চেষ্টা করে তখন কী ঘটবে। এক্ষেত্রে, এটি শুধুমাত্র শীটটি সরিয়ে দেয়।
ফলাফল
যখন ব্যবহারকারী প্রথমবার বাটনটি চাপেন, তখন শীটটি আংশিকভাবে প্রদর্শিত হয়:

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