Jetpack Compose Academy · पाठ

items और itemsIndexed

data rows के collection को render कीजिए।

पाठ 2, कुल 4 में से13 चरण

items और itemsIndexed, CoddyKit पर Jetpack Compose Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Jetpack Compose Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Jetpack Compose Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

डेटा से पंक्तियों तक

आपका डेटा आमतौर पर किसी सूची में रहता है, जैसे स्ट्रिंग या ऑब्जेक्ट की List। items ब्लॉक हर एलिमेंट को स्क्रीन पर एक पंक्ति में बदलता है।

items फ़ंक्शन

अपने संग्रह और एक लैम्ब्डा के साथ items को कॉल करें। Compose जिस एलिमेंट को दिखाना आवश्यक होता है, उसके लिए लैम्ब्डा चलाता है।

LazyColumn {
    items(fruits) { fruit ->
        Text(fruit)
    }
}

एलिमेंट पैरामीटर

लैम्ब्डा को एक बार में एक एलिमेंट मिलता है। उसे फल या उपयोगकर्ता जैसे स्पष्ट नाम दें, फिर उसी मान से UI बनाएँ।

items(users) { user ->
    Text(user.name)
}

पूरी पंक्ति बनाएँ

लैम्ब्डा में केवल Text ही नहीं, कोई भी लेआउट रखा जा सकता है। अधिक समृद्ध सूची आइटम बनाने के लिए कई composable को एक पंक्ति में लपेटें।

items(users) { user ->
    Row { Text(user.name); Text(user.age.toString()) }
}

जब आपको स्थिति चाहिए

कभी-कभी आपको पंक्ति का इंडेक्स चाहिए होता है, जैसे रैंक संख्या दिखाने या बारी-बारी से रंग देने के लिए। साधारण items यह जानकारी नहीं देता।

itemsIndexed से परिचित हों

स्थिति की आवश्यकता होने पर itemsIndexed का उपयोग करें। इसके लैम्ब्डा को इंडेक्स और एलिमेंट दोनों एक साथ मिलते हैं।

itemsIndexed(songs) { index, song ->
    Text("$index: $song")
}

इंडेक्स पहले आता है

क्रम महत्वपूर्ण है: itemsIndexed में इंडेक्स पहला पैरामीटर और एलिमेंट दूसरा होता है। इन्हें उलट देना एक सामान्य गलती है।

itemsIndexed(tasks) { i, task ->
    Text("Step ${i + 1}: $task")
}

नंबर देना आसान है

इंडेक्स शून्य से शुरू होता है, इसलिए लोगों के अनुकूल नंबरिंग के लिए उसमें एक जोड़ें। इससे रैंक वाली या क्रमिक सूचियाँ स्वाभाविक लगती हैं।

एक निश्चित पंक्ति जोड़ें

क्या आपको हेडर या फ़ूटर जैसी एक अलग पंक्ति चाहिए? अपने items ब्लॉक के बीच एकल सामग्री के लिए आइटम का उपयोग करें।

LazyColumn {
    item { Text("My List") }
    items(data) { Text(it) }
}

मनचाहे ढंग से मिलाएँ

एक LazyColumn के अंदर आप कई आइटम और items कॉल मिला सकते हैं। वे उसी क्रम में रेंडर होते हैं जिस क्रम में आप उन्हें लिखते हैं।

सही उपकरण चुनें

जब एलिमेंट ही पर्याप्त हो, तब items चुनें; और जब हर पंक्ति की स्थिति भी चाहिए, तब itemsIndexed चुनें। बस यही चुनाव करना है।

त्वरित जाँच

काम के लिए सही बिल्डर चुनें।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावृत्ति: items और itemsIndexed

डेटा को पंक्तियों में बदलने के लिए items का उपयोग करें, स्थिति चाहिए तो itemsIndexed और एक निश्चित पंक्ति के लिए item चुनें। इन्हें स्वतंत्र रूप से मिलाएँ। 🎯

शुरुआत निःशुल्क

एआई शिक्षक के साथ Kotlin सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 30
पाठ: 120

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “items और itemsIndexed” पाठ निःशुल्क है?

हाँ—“items और itemsIndexed” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Jetpack Compose Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Jetpack Compose Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“items और itemsIndexed” में मैं क्या सीखूँगा?

data rows के collection को render कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Jetpack Compose Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Jetpack Compose Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Jetpack Compose Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“items और itemsIndexed” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Jetpack Compose Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Jetpack Compose Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Jetpack Compose Academy पर वापस जाएँ