Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma
Aynı composable'ları her hedefe yerleştirin.
Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma, CoddyKit'te ücretsiz bir Kotlin Multiplatform Academy dersidir. Bu, 4 dersinin 4. 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.
Same App, New Hosts
Your shared App composable is ready. Now each platform needs a small entry point that mounts it. The UI code itself never changes.
iOS Wraps Compose in a Controller
On iOS you expose your composable through a UIViewController. The function ComposeUIViewController hands SwiftUI a controller it can present.
fun MainViewController() =
ComposeUIViewController { App() }Call It from SwiftUI
From SwiftUI you wrap that controller in a UIViewControllerRepresentable, so your Kotlin screen becomes an ordinary SwiftUI view.
struct ComposeView: UIViewControllerRepresentable {
func makeUIViewController(context: Context) -> UIViewController {
MainViewControllerKt.MainViewController()
}
}iOS Renders Natively
Under the hood Compose draws using Skia onto an iOS surface, so your shared screen feels native and shares logic with Android seamlessly.
Desktop Uses a Window
On desktop you launch the same App inside an application window. A few lines of Kotlin give you a real desktop program.
fun main() = application {
Window(onCloseRequest = ::exitApplication) {
App()
}
}Desktop Runs on the JVM
The desktop target compiles to the JVM and renders with Skia too, so the same composables you wrote for phones run on macOS, Windows and Linux.
One Composable, Three Hosts
Android uses setContent, iOS uses a view controller, desktop uses a window. All three call the very same shared App function.
Share Even More by Default
Because hosting is the only platform-specific part, almost everything you build lives in commonMain. The shared surface grows large.
Tweak Per-Platform When Needed
You can still branch on platform inside shared code for things like window size or safe areas, keeping a single codebase that adapts nicely.
Test the UI Once
Shared UI means shared UI tests in commonTest, so you verify behavior a single time and trust it on every host you ship to.
Ship Three Apps from One
With hosts wired up, a single Compose codebase powers your Android, iOS and desktop releases, cutting duplicated UI work dramatically. 🚢
Quick Check
How does iOS host a shared composable?
Recap: Host It Everywhere
You mounted the same shared App on iOS through a view controller and on desktop through a window. One Compose codebase, three platforms shipped. 🎯
Sıkça Sorulan Sorular
“Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma” dersi ücretsiz mi?
Evet — “Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma” 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.
“Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma” dersinde ne öğreneceğim?
Aynı composable'ları her hedefe yerleştirin. 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 4. dersidir.
“Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma” 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
- Compose Multiplatform'ı Etkinleştirme
- Düzenler, Değiştiriciler ve Tema Oluşturma
- Paylaşılan Kullanıcı Arayüzünde Durum ve Yeniden Oluşturma
- Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma