Swift Academy · पाठ

LazyVGrid और LazyHGrid

Q: क्या “LazyVGrid और LazyHGrid” पाठ निःशुल्क है?

हाँ — Swift Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “LazyVGrid और LazyHGrid” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Swift Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

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

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

Q: “LazyVGrid और LazyHGrid” पाठ पूरा करने में कितना समय लगता है?

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

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

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

GridItem के स्थिर, लचीले और अनुकूलनशील कॉलम से प्रतिक्रियाशील ग्रिड लेआउट बनाएँ।

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

LazyVGrid और LazyHGrid, CoddyKit पर Swift Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Swift Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Swift Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

स्वागत है

`LazyVGrid` और `LazyHGrid`, `GridItem` की मदद से अनुकूलित कॉलम या पंक्ति परिभाषाओं वाले ग्रिड लेआउट देते हैं। ये गैलरी, कैटलॉग और कार्ड लेआउट के लिए बिल्कुल उपयुक्त हैं।

GridItem के प्रकार

• `.fixed(size)` — निश्चित पिक्सेल आकार • `.flexible(min:max:)` — उपलब्ध स्थान भरता है • `.adaptive(minimum:maximum:)` — जितने कॉलम समा सकें, उतने बनाता है

मूल LazyVGrid

```swift let columns = [GridItem(.adaptive(minimum: 100))] LazyVGrid(columns: columns, spacing: 16) { ForEach(items) { item in ItemCard(item: item) } } ```

निश्चित कॉलम

```swift let cols = Array(repeating: GridItem(.fixed(120)), count: 3) LazyVGrid(columns: cols) { ForEach(0..<12) { i in Color.blue.frame(height:80) } } ```

मिश्रित GridItem प्रकार

```swift let cols = [GridItem(.flexible(minimum:80)), GridItem(.fixed(100))] ``` Pinterest जैसी लेआउट शैली के लिए प्रकारों को मिलाएँ।

LazyHGrid

```swift let rows = [GridItem(.fixed(60)), GridItem(.fixed(60))] ScrollView(.horizontal) { LazyHGrid(rows: rows, spacing: 8) { ForEach(tags) { tag in TagView(tag: tag) } } } ```

संरेखण और अंतराल

```swift LazyVGrid(columns: columns, alignment: .leading, spacing: 12) { ... } ```

ग्रिड में अनुभाग शीर्षक

```swift LazyVGrid(columns: columns, pinnedViews: .sectionHeaders) { Section(header: Text("Section 1").font(.headline)) { ForEach(items1) { ItemView($0) } } } ```

अनुकूली बनाम स्थिर चयन

• `.adaptive` — फ़ोटो ग्रिड और गतिशील सामग्री के लिए सर्वोत्तम • `.fixed` — जब सटीक नियंत्रण आवश्यक हो • `.flexible` — CSS फ्लेक्सबॉक्स कॉलम की तरह समान रूप से स्थान भरता है

विलंबित लोडिंग का प्रदर्शन

`Lazy` उपसर्ग का अर्थ है कि केवल दिखाई देने वाले सेल रेंडर किए जाते हैं — लंबी सूचियों के लिए यह अत्यंत महत्वपूर्ण है। विलंबित लोडिंग के बिना सभी आइटम पहले ही बनाए जाते हैं।

त्वरित जाँच

कौन-सा `GridItem` प्रकार न्यूनतम चौड़ाई में जितने कॉलम समा सकें, उतने कॉलम बनाता है?

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

पुनरावलोकन

मुख्य बातें: • ग्रिड लेआउट के लिए `LazyVGrid(columns:)` / `LazyHGrid(rows:)` • `GridItem(.fixed)`, `.flexible()`, `.adaptive(minimum:)` • चिपके हुए शीर्षकों के लिए `pinnedViews: .sectionHeaders` • Lazy = केवल दिखाई देने वाले सेल रेंडर किए जाते हैं • अनुक्रियाशील ग्रिड के लिए `.adaptive` सबसे आसान है अगला विषय: Spacer, पैडिंग और फ़्रेम।

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

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

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

पाठ्यक्रम: 122
पाठ: 409

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

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

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

हाँ — Swift Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “LazyVGrid और LazyHGrid” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Swift Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।