डिवाइडर

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