डिवाइडर

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