डिवाइडर

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