আংশিক স্ক্রিনের নিচে অ্যাটাচ করা শিট

আপনি আংশিকভাবে বটম শিট দেখাতে পারেন এবং তারপরে ব্যবহারকারীকে এটি ফুল-স্ক্রিন করতে বা বন্ধ করে দিতে দিতে পারেন।

এটি করতে, আপনার ModalBottomSheet-এর একটি ইনস্ট্যান্স SheetState skipPartiallyExpanded-এর সাথে false হিসেবে সেট করা আছে কিনা দেখুন।

উদাহরণ

এই উদাহরণে দেখানো হয়েছে যে কীভাবে আপনি sheetState প্রপার্টি ব্যবহার করে ModalBottomSheet প্রথমে শিটটি আংশিকভাবে দেখাতে পারেন:

@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)
                )
            }
        }
    }
}
BottomSheet.kt

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

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

• showBottomSheet অ্যাপটি বটম শিট দেখাবে কিনা তা নিয়ন্ত্রণ করে।
• sheetState হল SheetState-এর একটি উদাহরণ যেখানে skipPartiallyExpanded মিথ্যা।
• ModalBottomSheet এমন একটি মডিফায়ার নেয় যা নিশ্চিত করে যে এটি সম্পূর্ণ এক্সপ্যান্ড করা হলে স্ক্রিনটি পূরণ করবে।
• ModalBottomSheet-এর sheetState প্যারামিটারের ভ্যালু হিসেবে sheetState নেয়।
  • ফলে, প্রথমবার খোলার সময় শিটটি আংশিকভাবে দেখা যায়। ব্যবহারকারী তারপরে এটি টেনে এনে বা সোয়াইপ করে ফুল-স্ক্রিন করতে বা বাতিল করতে পারবেন।
• ব্যবহারকারী বটম শিট ডিসমিস করার চেষ্টা করলে কী হবে তা onDismissRequest ল্যাম্বডা কন্ট্রোল করে। এই ক্ষেত্রে, এটি শুধুমাত্র শিটটি সরিয়ে দেয়।

ফলাফল

ব্যবহারকারী প্রথমবার বোতামটি প্রেস করলে, শীটটি আংশিকভাবে দেখা যায়:

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

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

• বটম শিট