0Pricing
Kotlin Multiplatform Academy · Ders

Compose Multiplatform'ı Etkinleştirme

Eklentiyi ve ilk paylaşılan composable'ınızı ekleyin.

Compose Multiplatform'ı Etkinleştirme, CoddyKit'te ücretsiz bir Kotlin Multiplatform Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Kotlin Multiplatform Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Kotlin Multiplatform Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

One UI, Every Screen

Compose Multiplatform lets you describe your UI once in Kotlin and render it on Android, iOS and desktop. The same screen code runs everywhere. 🎉

Built on Jetpack Compose

If you know Jetpack Compose, you already know most of this. Compose Multiplatform brings that same declarative toolkit to every target you support.

Add the Compose Plugin

You enable it by adding the Compose Gradle plugin alongside the Kotlin Multiplatform plugin in your shared module. That unlocks the composable APIs.

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

Pull In the Compose BOM

The Compose dependencies live behind a single accessor. You add the runtime, foundation and material libraries from the compose extension so versions stay aligned.

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

Your First Shared Composable

A composable is just a Kotlin function marked with @Composable. Put it in commonMain and it becomes available to every platform at once.

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

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

A Root App Composable

Most projects expose one top-level App composable in shared code. Each platform simply calls into it, so the whole UI tree is shared.

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

Material Theming Comes Along

Compose Multiplatform ships Material components and theming, so buttons, text fields and colors look consistent across platforms out of the box.

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

Android Hosts It Natively

On Android you mount the shared App inside an Activity using setContent, exactly like a normal Compose app. Nothing special is required.

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

iOS and Desktop Plug In Too

iOS and desktop each have a tiny entry point that hosts the same App composable. You write the screen once and host it from every target.

Live Previews Still Work

You keep fast iteration with @Preview in your IDE, so you see your shared composable render without launching a full device build each time.

What This Unlocks

With Compose enabled, your UI joins your logic in shared code. The result is one codebase driving pixel-identical screens on phones and desktops.

Quick Check

Where does a shared composable belong?

Recap: Compose Everywhere

You enabled the Compose plugin, wrote a shared composable in commonMain, wrapped it in MaterialTheme and saw how each platform hosts the same App. One UI, every screen. 🚀

Sıkça Sorulan Sorular

“Compose Multiplatform'ı Etkinleştirme” dersi ücretsiz mi?

Evet — “Compose Multiplatform'ı Etkinleştirme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Kotlin Multiplatform Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Kotlin Multiplatform Academy kursu toplamda 4 dersten oluşur.

“Compose Multiplatform'ı Etkinleştirme” dersinde ne öğreneceğim?

Eklentiyi ve ilk paylaşılan composable'ınızı ekleyin. Kotlin Multiplatform Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Kotlin Multiplatform Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Kotlin Multiplatform Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Compose Multiplatform'ı Etkinleştirme” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Kotlin Multiplatform Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Kotlin Multiplatform Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Compose Multiplatform'ı Etkinleştirme
  2. Düzenler, Değiştiriciler ve Tema Oluşturma
  3. Paylaşılan Kullanıcı Arayüzünde Durum ve Yeniden Oluşturma
  4. Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma
← Kotlin Multiplatform Academy Sayfasına Dön