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

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

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

ফলাফল

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

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

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

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

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