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

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

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

ফলাফল

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

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

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

• নীচের শীট

,

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

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

ফলাফল

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

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

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

• নীচের শীট

,

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

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

ফলাফল

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

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

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

• নীচের শীট

,

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

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

ফলাফল

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

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

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

• নীচের শীট