Jetpack Compose Academy · पाठ

Modifier order क्यों महत्वपूर्ण है

देखिए कि chaining का क्रम परिणाम कैसे बदलता है।

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

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

क्रम यादृच्छिक नहीं है

मॉडिफ़ायर की शृंखला ऊपर से नीचे चलती है। हर कॉल उससे पहले वाले परिणाम को घेरता है, इसलिए क्रम सचमुच अंतिम परिणाम बदल देता है।

परतों के रूप में सोचें

हर मॉडिफ़ायर को अपनी सामग्री के चारों ओर रखी एक परत समझें। पहली कॉल सबसे भीतर होती है; बाद की कॉल और बाहर की परतें जोड़ती हैं।

पहले padding, फिर background

पहले padding रखें, तो background केवल अंदर की गई जगह में रंग भरेगा और बिना रंग वाली बाहरी जगह का स्पष्ट अंतर छोड़ देगा।

Modifier
  .padding(16.dp)
  .background(Color.Blue)

पहले background, फिर padding

इसे उलटकर देखें: पहले background रखने पर रंग पूरे क्षेत्र में भरता है, जबकि बाद का padding सामग्री को उसके भीतर अंदर की ओर कर देता है।

Modifier
  .background(Color.Blue)
  .padding(16.dp)

कॉल समान, रूप अलग

दोनों शृंखलाओं में padding और background हैं, फिर भी उनका रूप पूरी तरह अलग है। बदला केवल क्रम है।

आकार बाद वालों को प्रभावित करता है

आकार वाली कॉल उसके बाद आने वाली हर चीज़ की सीमाएँ तय करती है। आकार से पहले रखे मॉडिफ़ायर, बाद में रखे मॉडिफ़ायर से अलग तरीके से मापे जाते हैं।

Modifier
  .size(100.dp)
  .background(Color.Red)

पहले clip, फिर background

भराव को गोल बनाने के लिए clip को background से पहले रखें। background के बाद रखने पर clip पहले से रंगे हुए रंग को प्रभावित नहीं करेगा।

Modifier
  .clip(RoundedCornerShape(12.dp))
  .background(Color.Green)

क्लिक करने योग्य क्षेत्र

क्लिक करने योग्य मॉडिफ़ायर को जहाँ रखते हैं, वही टैप करने योग्य क्षेत्र तय करता है। उससे पहले का padding स्पर्श क्षेत्र को छोटा करता है; उसके बाद का padding उसी के भीतर रहता है।

Modifier
  .clickable { open() }
  .padding(16.dp)

बाहर की ओर पढ़ें

परिणाम का अनुमान लगाने के लिए शृंखला को भीतर से बाहर पढ़ें। सबसे शुरुआती मॉडिफ़ायर सामग्री से सटा होता है और हर अगला उसके चारों ओर एक और परत बनाता है।

एक उपयोगी नियम

रंगीन बॉक्स के बाहर अंतर चाहिए? पहले background, फिर padding। मार्जिन जैसा अंतर चाहिए? पहले padding। क्रम ही आपका डिज़ाइन साधन है।

बेझिझक प्रयोग करें

जब लेआउट ठीक न दिखे, तो शृंखला का क्रम बदलकर देखें। अक्सर दो मॉडिफ़ायर की जगह बदलने से अंतर और आकृति से जुड़ी समस्याएँ तुरंत ठीक हो जाती हैं।

त्वरित जाँच

आपको टेक्स्ट के चारों ओर अंदर खाली जगह वाला रंगीन बॉक्स चाहिए। आप कौन-सा क्रम अपनाएँगे?

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

पुनरावलोकन

मॉडिफ़ायर का क्रम परिणाम तय करता है। शृंखलाओं को भीतर से बाहर पढ़ें और याद रखें कि background के बाद padding रंग के भीतर जगह बनाता है। 🧠

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

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

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

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

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

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

क्या “Modifier order क्यों महत्वपूर्ण है” पाठ निःशुल्क है?

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

“Modifier order क्यों महत्वपूर्ण है” में मैं क्या सीखूँगा?

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

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

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

“Modifier order क्यों महत्वपूर्ण है” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

Padding, Size और fillMaxWidth
Background, Border और Clip
Modifier order क्यों महत्वपूर्ण है
weight और Flexible Sizing

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