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

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

এটি করার জন্য, আপনার ModalBottomSheet skipPartiallyExpanded সেট করে false এর সাথে SheetState এর একটি উদাহরণ পাস করুন।

উদাহরণ

এই উদাহরণটি দেখায় কিভাবে আপনি 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)
                )
            }
        }
    }
}
BottomSheet.kt

কোড সম্পর্কে মূল পয়েন্ট

এই উদাহরণে, নিম্নলিখিত নোট করুন:

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

ফলাফল

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

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

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

একটি নীচের শীট যা ব্যবহারকারী স্ক্রীনটি পূরণ করতে প্রসারিত করেছে৷
চিত্র 2. পূর্ণ-স্ক্রীন নীচের শীট।

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