डिवाइडर

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

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

एपीआई का प्लैटफ़ॉर्म

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

• thickness: डिवाइडर की मोटाई तय करने के लिए, इस पैरामीटर का इस्तेमाल करें लाइन.
• color: डिवाइडर लाइन का रंग तय करने के लिए, इस पैरामीटर का इस्तेमाल करें.

ध्यान दें: पैडिंग (जगह) को कंट्रोल करने के लिए, modifier पैरामीटर का इस्तेमाल किया जा सकता है.

हॉरिज़ॉन्टल डिवाइडर का उदाहरण

नीचे दिए गए उदाहरण में, 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
• मटीरियल डिज़ाइन - डिवाइडर