SwiftUI Academy · पाठ

Toolbar और नेविगेशन शीर्षक

बार में शीर्षक और Toolbar बटन जोड़ें।

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

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

स्क्रीन का नामकरण

हर स्क्रीन का एक स्पष्ट नाम होना चाहिए। navigationTitle मॉडिफ़ायर नेविगेशन बार में शीर्षक रखता है, ताकि उपयोगकर्ताओं को हमेशा पता रहे कि वे कहाँ हैं। 🧭

.navigationTitle("Inbox")

शीर्षक कहाँ जाता है

navigationTitle को NavigationStack के अंदर मौजूद सामग्री से जोड़ें, स्वयं स्टैक से नहीं। इसके बाद बार वर्तमान स्क्रीन से शीर्षक लेता है।

NavigationStack {
    List { }
        .navigationTitle("Inbox")
}

बड़ा बनाम इनलाइन

डिफ़ॉल्ट रूप से शीर्षक बड़ा होता है और स्क्रॉल करने पर छोटा हो जाता है। इसके बजाय संक्षिप्त इनलाइन शैली लागू करने के लिए navigationBarTitleDisplayMode का उपयोग करें।

.navigationBarTitleDisplayMode(.inline)

टूलबार बटन जोड़ना

toolbar मॉडिफ़ायर आपको नेविगेशन बार में बटन रखने देता है, जैसे वर्तमान स्क्रीन के लिए जोड़ने वाला बटन या संपादन क्रिया।

.toolbar {
    Button("Add") { addItem() }
}

स्थान चुनना

हर नियंत्रण को ToolbarItem में लपेटें और उसका स्थान चुनें, ताकि बटन बार की सही ओर दिखाई दें।

.toolbar {
    ToolbarItem(placement: .topBarTrailing) {
        Button("Add") { }
    }
}

बाईं और दाईं ओर

बाएँ किनारे के लिए topBarLeading और दाएँ किनारे के लिए topBarTrailing का उपयोग करें। ये दाएँ-से-बाएँ लिखी जाने वाली भाषाओं के लिए अपने-आप अनुकूलित हो जाते हैं। 🌍

बार में आइकन

टूलबार बटन अक्सर शब्दों के बजाय SF Symbols का उपयोग करते हैं, ताकि वे कम जगह लें। एक छोटा चित्र हर डिवाइस पर बार को व्यवस्थित रखता है।

Button {
    addItem()
} label: {
    Image(systemName: "plus")
}

एक साथ कई बटन

आप एक ही टूलबार ब्लॉक में कई ToolbarItem प्रविष्टियाँ जोड़ सकते हैं और संपादन, साझा करने तथा जोड़ने जैसी संबंधित क्रियाओं को साथ रख सकते हैं।

निचला टूलबार

स्थान केवल ऊपर तक सीमित नहीं है। अंगूठे से आसानी से उपयोग किए जा सकने वाले नियंत्रणों के लिए क्रियाओं को स्क्रीन के नीचे स्थिर करने हेतु bottomBar का उपयोग करें।

ToolbarItem(placement: .bottomBar) {
    Button("Done") { }
}

शीर्षक स्टैक का अनुसरण करते हैं

हर पुश की गई स्क्रीन अपना शीर्षक तय करती है और नेविगेट करने पर बार अपडेट हो जाता है। पिछला शीर्षक बैक बटन का लेबल भी बन जाता है।

बार को अव्यवस्थित न करें

बार को बटनों से भरने से बचें। दो या तीन स्पष्ट क्रियाएँ स्क्रीन को शांत और आसानी से देखने योग्य बनाए रखती हैं।

त्वरित जाँच

नेविगेशन बार में बटन जोड़ने वाला मॉडिफ़ायर कौन-सा है?

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

पुनरावलोकन: टूलबार और शीर्षक

आप navigationTitle से स्क्रीन के नाम रखते हैं और toolbar तथा ToolbarItem के स्थानों से बटन जोड़ते हैं। अगला विषय है पूरी तरह कोड से नेविगेशन चलाना। 🚀

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

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

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

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

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

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

क्या “Toolbar और नेविगेशन शीर्षक” पाठ निःशुल्क है?

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

“Toolbar और नेविगेशन शीर्षक” में मैं क्या सीखूँगा?

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

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

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

“Toolbar और नेविगेशन शीर्षक” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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