আংশিক নীচের শীট

আপনি আংশিকভাবে একটি বটম শিট দেখাতে পারেন এবং তারপর ব্যবহারকারীকে এটি পূর্ণ স্ক্রিনে দেখাতে অথবা খারিজ করতে দিতে পারেন।

এটি করার জন্য, আপনার 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 ল্যাম্বডা নিয়ন্ত্রণ করে। এই ক্ষেত্রে, এটি কেবল শিটটি সরিয়ে দেয়।

ফলাফল

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

একটি নিচের শিট যা প্রাথমিকভাবে স্ক্রিনের কিছু অংশ পূরণ করে। ব্যবহারকারী সোয়াইপ করে স্ক্রিনটি পূরণ করতে পারেন, অথবা এটি বাতিল করতে পারেন।
চিত্র ১. আংশিকভাবে প্রদর্শিত নীচের শীট।

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

একটি নিচের শীট যা ব্যবহারকারী স্ক্রিনটি পূরণ করার জন্য প্রসারিত করেছেন।
চিত্র ২। পূর্ণ-স্ক্রিন বটম শিট।

অতিরিক্ত সম্পদ