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

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

ऐसा करने के लिए, 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 लैंबडा, यह कंट्रोल करता है कि जब उपयोगकर्ता बॉटम शीट को खारिज करने की कोशिश करता है, तो क्या होता है. इस मामले में, सिर्फ़ शीट हटाई जाती है.

नतीजे

जब उपयोगकर्ता पहली बार बटन दबाता है, तो शीट आंशिक रूप से दिखती है:

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

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

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

अन्य संसाधन