বিভাজক

ডিভাইডার হল সরু লাইন যা তালিকা বা অন্যান্য কন্টেনারে আইটেম আলাদা করে। আপনি HorizontalDivider এবং VerticalDivider কম্পোজেবল ব্যবহার করে আপনার অ্যাপে ডিভাইডার প্রয়োগ করতে পারবেন।

• HorizontalDivider: কলামে আইটেম আলাদা করুন।
• VerticalDivider: সারিতে আলাদা আলাদা আইটেম।

API সারফেস

দুটি কম্পোনেন্টই সেগুলির চেহারা পরিবর্তন করার জন্য প্যারামিটার প্রদান করে:

• thickness: ডিভাইডার লাইনের পুরুত্ব নির্দিষ্ট করতে এই প্যারামিটার ব্যবহার করুন।
• color: ডিভাইডার লাইনের রঙ নির্দিষ্ট করতে এই প্যারামিটার ব্যবহার করুন।

অনুভূমিক ডিভাইডারের উদাহরণ

নিচের উদাহরণে HorizontalDivider কম্পোনেন্টের প্রয়োগ দেখানো হয়েছে। এটি লাইনের উচ্চতা কন্ট্রোল করার জন্য thickness প্যারামিটার ব্যবহার করে:

@Composable
fun HorizontalDividerExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(8.dp),
    ) {
        Text("First item in list")
        HorizontalDivider(thickness = 2.dp)
        Text("Second item in list")
    }
}
Divider.kt

এই প্রয়োগের ফলে দুটি টেক্সট কম্পোনেন্টের মধ্যে একটি পাতলা অনুভূমিক লাইন রেন্ডার হয়:

উল্লম্ব ডিভাইডারের উদাহরণ

নিচের উদাহরণে VerticalDivider কম্পোনেন্টের প্রয়োগ দেখানো হয়েছে। এটি লাইনের জন্য কাস্টম কালার প্রদান করতে color প্যারামিটার ব্যবহার করে:

@Composable
fun VerticalDividerExample() {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .height(IntrinsicSize.Min),
        horizontalArrangement = Arrangement.SpaceEvenly
    ) {
        Text("First item in row")
        VerticalDivider(color = MaterialTheme.colorScheme.secondary)
        Text("Second item in row")
    }
}
Divider.kt

এই প্রয়োগ দুটি টেক্সট কম্পোনেন্টের মধ্যে একটি পাতলা উল্লম্ব লাইন রেন্ডার করে:

অতিরিক্ত রিসোর্স

• HorizontalDivider
• VerticalDivider
• Material Design - Dividers