SwiftUI Academy · पाठ

चयनित Tab का Binding

कोड में सक्रिय Tab को ट्रैक करें और बदलें।

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

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

सक्रिय टैब जानना

कभी-कभी आपके कोड को यह जानना या बदलना होता है कि कौन-सा टैब दिख रहा है। इसके लिए selection को अपनी state से बाँधें। 🎯

हर टैब को tag दें

सबसे पहले हर टैब को एक अलग tag मान दें, ताकि SwiftUI पहचान सके कि कौन-सा टैब चयनित है।

HomeScreen()
    .tabItem { Label("Home", systemImage: "house") }
    .tag(0)

चयन को संग्रहीत करना

वर्तमान टैब tag रखने के लिए @State प्रॉपर्टी जोड़ें। इसका मान बताता है कि कौन-सा टैब सक्रिय है।

@State private var selectedTab = 0

चयन को TabView से बाँधना

दो-तरफ़ा बाइंडिंग बनाने के लिए डॉलर चिह्न का उपयोग करके उस state को TabView के selection पैरामीटर में दें।

TabView(selection: $selectedTab) {
    // tabs with .tag(...)
}

Tags का मेल आवश्यक है

tag का प्रकार और selection का प्रकार एक-दूसरे से मेल खाने चाहिए। यदि tags Int हैं, तो selectedTab भी Int होना चाहिए।

खुला हुआ टैब पढ़ना

बाइंड करने के बाद, उपयोगकर्ता के टैप करते ही selectedTab अपडेट होता है। वर्तमान टैब के अनुसार प्रतिक्रिया देने के लिए इसे कहीं भी पढ़ सकते हैं।

कोड में टैब बदलना

State का मान बदलते ही UI उसका अनुसरण करता है। selectedTab सेट करने पर उपयोगकर्ता प्रोग्राम के माध्यम से उस टैब पर पहुँच जाता है।

selectedTab = 1

टैब पर जाने वाला बटन

बाइंडिंग में मान लिखकर कोई बटन टैब बदल सकता है। आपके ऐप में कहीं गहराई पर मौजूद "Go to Settings" जैसे शॉर्टकट के लिए यह उपयोगी है।

Button("Open Settings") {
    selectedTab = 1
}

Enums से tags अधिक सुरक्षित बनते हैं

साधारण संख्याएँ आसानी से गड़बड़ा सकती हैं। नामित मामलों वाला enum हर tag को पढ़ने योग्य और त्रुटि-रोधी बनाता है।

enum Tab { case home, settings }

चयनित टैब को फिर से टैप करना

सक्रिय टैब को दोबारा टैप करने पर वही selection बना रहता है। सूची को फिर से ऊपर स्क्रॉल कराने के लिए आप इस स्थिति पर नज़र रख सकते हैं।

बाइंडिंग की आवश्यकता कब होती है

यदि टैब पूरी तरह स्वतंत्र हैं, तो बाइंडिंग छोड़ दें। इसे तभी जोड़ें जब कोड को सक्रिय टैब को पढ़ना या सेट करना हो।

त्वरित जाँच

आइए जाँचें कि SwiftUI सक्रिय टैब पर कैसे नज़र रखता है।

पुनरावलोकन: चयनित टैब की बाइंडिंग

हर टैब को tag दें और @State मान को selection से बाँधें। इसके बाद आप सक्रिय टैब पढ़ भी सकते हैं और कोड से टैब बदल भी सकते हैं। 🎉

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

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

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

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

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

क्या “चयनित Tab का Binding” पाठ निःशुल्क है?

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

“चयनित Tab का Binding” में मैं क्या सीखूँगा?

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

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

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

“चयनित Tab का Binding” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

  1. Tab Bar बनाना
  2. Tab आइटम और बैज
  3. चयनित Tab का Binding
  4. Tabs को Stacks के साथ जोड़ना
← SwiftUI Academy पर वापस जाएँ