Kotlin Multiplatform Academy · पाठ

Compose Multiplatform सक्षम करें

प्लगइन जोड़ें और अपना पहला साझा composable बनाएँ

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

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

एक यूआई, हर स्क्रीन

Compose Multiplatform से आप अपना यूआई Kotlin में एक बार लिखकर Android, iOS और डेस्कटॉप पर दिखा सकते हैं। वही स्क्रीन कोड हर जगह चलता है। 🎉

Jetpack Compose पर आधारित

यदि आप Jetpack Compose जानते हैं, तो इसका अधिकांश भाग पहले से जानते हैं। Compose Multiplatform उसी घोषणात्मक टूलकिट को आपके हर समर्थित लक्ष्य तक पहुँचाता है।

Compose प्लगइन जोड़ें

साझा मॉड्यूल में Kotlin Multiplatform प्लगइन के साथ Compose Gradle प्लगइन जोड़कर इसे सक्षम करें। इससे कंपोज़ेबल एपीआई उपलब्ध हो जाते हैं।

plugins {
    kotlin("multiplatform")
    id("org.jetbrains.compose")
}

Compose BOM शामिल करें

Compose की निर्भरताएँ एक ही एक्सेसर के पीछे रहती हैं। compose एक्सटेंशन से रनटाइम, फ़ाउंडेशन और मटीरियल लाइब्रेरी जोड़ें, ताकि उनके संस्करण एकसमान रहें।

kotlin {
    sourceSets {
        commonMain.dependencies {
            implementation(compose.material3)
        }
    }
}

आपका पहला साझा कंपोज़ेबल

कंपोज़ेबल केवल Kotlin का ऐसा फ़ंक्शन है जिस पर @Composable का चिह्न लगा हो। इसे commonMain में रखें और यह तुरंत हर प्लेटफ़ॉर्म पर उपलब्ध हो जाएगा।

import androidx.compose.runtime.Composable
import androidx.compose.material3.Text

@Composable
fun Greeting(name: String) {
    Text("Hello, " + name)
}

एक मूल ऐप कंपोज़ेबल

अधिकांश प्रोजेक्ट साझा कोड में एक शीर्ष-स्तरीय App कंपोज़ेबल उपलब्ध कराते हैं। हर प्लेटफ़ॉर्म बस उसे कॉल करता है, इसलिए पूरा यूआई ट्री साझा रहता है।

@Composable
fun App() {
    Greeting("KMP")
}

Material थीम भी साथ मिलती है

Compose Multiplatform Material कंपोनेंट और थीमिंग उपलब्ध कराता है, इसलिए बटन, पाठ फ़ील्ड और रंग सभी प्लेटफ़ॉर्म पर पहले से एकसमान दिखते हैं।

@Composable
fun App() {
    MaterialTheme {
        Greeting("KMP")
    }
}

Android इसे मूल रूप से होस्ट करता है

Android पर आप सामान्य Compose ऐप की तरह setContent का उपयोग करके साझा App को किसी Activity के अंदर जोड़ते हैं। किसी विशेष व्यवस्था की आवश्यकता नहीं होती।

class MainActivity : ComponentActivity() {
    override fun onCreate(b: Bundle?) {
        super.onCreate(b)
        setContent { App() }
    }
}

iOS और डेस्कटॉप भी जुड़ते हैं

iOS और डेस्कटॉप, दोनों में एक छोटा प्रवेश-बिंदु होता है जो उसी App कंपोज़ेबल को होस्ट करता है। स्क्रीन एक बार लिखें और उसे हर लक्ष्य से होस्ट करें।

लाइव प्रीव्यू अब भी काम करते हैं

आप अपने आईडीई में @Preview के साथ तेज़ी से बदलाव कर सकते हैं, इसलिए हर बार पूरा डिवाइस बिल्ड शुरू किए बिना साझा कंपोज़ेबल का परिणाम देख सकते हैं।

इससे क्या संभव होता है

Compose सक्षम होने पर आपका यूआई साझा कोड में आपके तर्क से जुड़ जाता है। परिणामस्वरूप एक कोड आधार फ़ोन और डेस्कटॉप पर बिल्कुल समान स्क्रीन चलाता है।

त्वरित जाँच

साझा कंपोज़ेबल कहाँ होना चाहिए?

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

पुनरावलोकन: हर जगह Compose

आपने Compose प्लगइन सक्षम किया, commonMain में साझा कंपोज़ेबल लिखा, उसे MaterialTheme में लपेटा और देखा कि हर प्लेटफ़ॉर्म उसी App को कैसे होस्ट करता है। एक यूआई, हर स्क्रीन। 🚀

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

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

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

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

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

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

क्या “Compose Multiplatform सक्षम करें” पाठ निःशुल्क है?

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

“Compose Multiplatform सक्षम करें” में मैं क्या सीखूँगा?

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

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

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

“Compose Multiplatform सक्षम करें” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

← Kotlin Multiplatform Academy पर वापस जाएँ