डिवाइडर

डिवाइडर, पतली लाइनें होती हैं. इनकी मदद से, सूचियों या अन्य कंटेनर में मौजूद आइटम को अलग-अलग किया जाता है. 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
• मटीरियल डिज़ाइन - डिवाइडर