सूची में नेस्ट किए गए स्क्रोल किए जा सकने वाले आइटम दिखाना

किसी सूची में नेस्ट किए गए स्क्रोल किए जा सकने वाले आइटम दिखाए जा सकते हैं. इससे जटिल लेआउट दिखाए जा सकते हैं, जैसे कि प्रॉडक्ट कैटलॉग, मीडिया गैलरी, समाचार फ़ीड वगैरह.

वर्शन के साथ काम करना

इसे लागू करने के लिए, ज़रूरी है कि आपके प्रोजेक्ट का minSDK एपीआई लेवल 21 या उससे ज़्यादा पर सेट हो.

डिपेंडेंसी

वर्टिकल सूची में नेस्ट किया गया हॉरिज़ॉन्टल स्क्रोलिंग लागू करना

नीचे दिया गया कोड, एक ऐसी सूची बनाता है जिसे दो तरीकों से स्क्रोल किया जा सकता है. सूची की पंक्तियां, हॉरिज़ॉन्टल तौर पर स्क्रोल होती हैं. वहीं, पूरी सूची यानी एक कॉलम, वर्टिकल तौर पर स्क्रोल होता है.

@Composable
fun NestedScrollingRowsList(urls: List<String>) {
    LazyColumn {
        items(10) {
            LazyRow {
                item { Text("Row: $it") }
                items(urls.size) { index ->
                    // AsyncImage provided by Coil.
                    AsyncImage(
                        model = urls[index],
                        modifier = Modifier.size(150.dp),
                        contentDescription = null
                    )
                }
            }
        }
    }
}

नतीजे

नीचे दिए गए वीडियो में, वर्टिकल स्क्रोलिंग सूची में नेस्ट की गई हॉरिज़ॉन्टल सूचियों के व्यवहार को दिखाया गया है.

ऐसे संग्रह जिनमें यह गाइड शामिल है

यह गाइड, चुने गए क्विक गाइड के कलेक्शन का हिस्सा है. इसमें Android डेवलपमेंट के बड़े लक्ष्यों के बारे में बताया गया है:

सूचियों और ग्रिड की मदद से, आपके ऐप्लिकेशन में संग्रहों को ऐसे दिखाया जा सकता है कि वे उपयोगकर्ताओं को देखने में अच्छे लगें और उन्हें आसानी से समझ आएं.
जानें कि कॉम्पोज़ेबल फ़ंक्शन की मदद से, Material Design डिज़ाइन सिस्टम के आधार पर, आसानी से खूबसूरत यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट कैसे बनाए जा सकते हैं.
इस वीडियो सीरीज़ में, Compose के अलग-अलग एपीआई के बारे में बताया गया है. इससे आपको यह जानने में मदद मिलेगी कि कौनसे एपीआई उपलब्ध हैं और उन्हें कैसे इस्तेमाल किया जा सकता है.

क्या आपका कोई सवाल है या सुझाव/राय देनी है

अक्सर पूछे जाने वाले सवालों के पेज पर जाएं और क्विक गाइड के बारे में जानें. इसके अलावा, हमसे संपर्क करके अपने सुझाव/राय दें.

Follow best practices, eliminate boilerplate code, and reduce fragmentation

Nov 9, 2024 को अपडेट किया गया

Follow best practices, eliminate boilerplate code, and reduce fragmentation

Nov 15, 2024 को अपडेट किया गया

Android 7.1 में डेवलपर के लिए नई सुविधाएं और क्षमताएं

Dec 21, 2024 को अपडेट किया गया