SwiftUI Academy · पाठ

LazyVStack और LazyHStack

बेहतर प्रदर्शन के लिए बड़ी सामग्री को आवश्यकता पड़ने पर render कीजिए।

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

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

तुरंत सब बनाने की समस्या

सामान्य VStack अपने सभी बाल दृश्यों को एक साथ बनाता है। सैकड़ों पंक्तियों के साथ यह तुरंत किया जाने वाला काम रुकावट पैदा कर सकता है और मेमोरी बर्बाद कर सकता है।

LazyVStack से मिलिए

LazyVStack पंक्तियों को तभी बनाता है जब वे दृश्य में स्क्रॉल होकर आती हैं, जिससे विशाल सूचियाँ तेज़ और हल्की रहती हैं। ⚡

LazyVStack {
    ForEach(items) { item in
        Row(item)
    }
}

Lazy को स्क्रॉलिंग चाहिए

LazyVStack को हमेशा ScrollView के अंदर रखें, क्योंकि आलसी लोडिंग का लाभ तभी मिलता है जब सामग्री स्क्रीन से बाहर स्क्रॉल होती है।

ScrollView {
    LazyVStack {
        ForEach(items) { Row($0) }
    }
}

क्षैतिज जुड़वाँ

LazyHStack यही काम बगल की दिशा में करता है—कार्डों या छोटे चित्रों की लंबी, स्वाइप करने योग्य पंक्तियों के लिए उपयुक्त।

ScrollView(.horizontal) {
    LazyHStack {
        ForEach(photos) { Thumb($0) }
    }
}

वही spacing API

Lazy स्टैक अपने तुरंत बनने वाले समकक्षों की तरह ही spacing और संरेखण विकल्प स्वीकार करते हैं, इसलिए आपका लेआउट कोड लगभग नहीं बदलता।

LazyVStack(alignment: .leading, spacing: 12) {
    ForEach(items) { Row($0) }
}

सेल दोबारा उपयोग किए जाते हैं

जैसे ही पंक्तियाँ स्क्रीन से बाहर जाती हैं, LazyVStack उन्हें हटा सकता है, इसलिए हज़ारों वस्तुओं के साथ भी मेमोरी स्थिर रहती है।

Lazy बनाम List

List भी lazy है, लेकिन LazyVStack आपको बिना अंतर्निहित विभाजकों या अंदरूनी किनारों के अपनी शैली तय करने की स्वतंत्रता देता है।

पिन किए गए शीर्षक

Lazy स्टैक pinnedViews का समर्थन करते हैं, जिससे अनुभाग शीर्षक स्क्रॉल करते समय सबसे ऊपर चिपके रहते हैं, जैसे संपर्क ऐप में।

LazyVStack(pinnedViews: [.sectionHeaders]) {
    Section(header: Header()) {
        Rows()
    }
}

कब तुरंत बनने वाला स्टैक रखें

कुछ ही वस्तुओं के लिए साधारण VStack अधिक सरल है। सूची लंबी होने पर ही lazy का उपयोग करें।

स्क्रॉल पर ध्यान दें

आप नई LazyVStack पंक्तियों को बनते हुए नहीं देखेंगे, लेकिन Instruments दिखाता है कि स्क्रॉल करते समय वे ठीक समय पर दिखाई देती हैं।

निश्चिंत होकर विस्तार करें

Lazy स्टैक के साथ आप प्रदर्शन की चिंता किए बिना अंतहीन फ़ीड, गैलरी और समय-रेखाएँ दिखा सकते हैं। ✨

त्वरित जाँच

सोचें कि lazy स्टैक क्यों बनाए गए हैं।

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

पुनरावलोकन

आपने LazyVStack और LazyHStack देखे: ये ऐसे स्टैक हैं जो सहज, बड़े लेआउट के लिए ScrollView के अंदर आवश्यकतानुसार बाल दृश्यों को बनाते हैं। 🎉

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

← SwiftUI Academy पर वापस जाएँ