बॉटम शीट का कुछ हिस्सा

बॉटम शीट को कुछ हद तक दिखाया जा सकता है. इसके बाद, उपयोगकर्ता उसे फ़ुल स्क्रीन पर देख सकता है या खारिज कर सकता है.

इसके लिए, अपने 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)
                )
            }
        }
    }
}
BottomSheet.kt

कोड के बारे में अहम बातें

इस उदाहरण में, इन बातों पर ध्यान दें:

• showBottomSheet से यह कंट्रोल किया जाता है कि ऐप्लिकेशन, बॉटम शीट दिखाए या नहीं.
• sheetState, SheetState का एक इंस्टेंस है, जहां skipPartiallyExpanded गलत है.
• ModalBottomSheet में एक मॉडिफ़ायर होता है. इससे यह पक्का होता है कि पूरी तरह से बड़ा होने पर, यह स्क्रीन को भर दे.
• ModalBottomSheet, sheetState को अपने sheetState पैरामीटर की वैल्यू के तौर पर लेता है.
  • इस वजह से, पहली बार खोलने पर शीट सिर्फ़ कुछ हद तक दिखती है. इसके बाद, उपयोगकर्ता इसे खींचकर या स्वाइप करके फ़ुल स्क्रीन पर ला सकता है या खारिज कर सकता है.
• onDismissRequest लैम्डा यह कंट्रोल करता है कि जब उपयोगकर्ता बॉटम शीट को खारिज करने की कोशिश करता है, तो क्या होता है. इस मामले में, यह सिर्फ़ शीट को हटाता है.

नतीजे

जब उपयोगकर्ता पहली बार बटन दबाता है, तो शीट कुछ हद तक दिखती है:

अगर उपयोगकर्ता शीट पर ऊपर की ओर स्वाइप करता है, तो शीट पूरी स्क्रीन पर दिखने लगती है:

अन्य संसाधन

• बॉटम शीट