डिवाइडर

डिवाइडर, बारीक लाइनें होती हैं. ये सूचियों या अन्य कंटेनर में मौजूद आइटम को अलग-अलग करती हैं. HorizontalDivider और VerticalDivider कंपोज़ेबल का इस्तेमाल करके, अपने ऐप्लिकेशन में डिवाइडर लागू किए जा सकते हैं.

• HorizontalDivider: कॉलम में मौजूद आइटम को अलग-अलग करें.
• VerticalDivider: एक लाइन में मौजूद आइटम को अलग-अलग करें.

एपीआई सरफ़ेस

दोनों कॉम्पोनेंट, अपने लुक में बदलाव करने के लिए पैरामीटर उपलब्ध कराते हैं:

• 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
• मटीरियल डिज़ाइन - डिवाइडर