Paylaşılan Ekranlar Arasında Gezinme
Compose Multiplatform'da bir gezinme grafiği bağlayın.
Paylaşılan Ekranlar Arasında Gezinme, 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.
More Than One Screen
Real apps have many screens: a list, a detail, a settings page. Navigation is how you move between them in shared Compose code. 🧭
One Graph for Every Platform
You define a single navigation graph in commonMain, and Android, iOS and desktop all follow the same route map.
Add the Navigation Library
Compose Multiplatform ships its own navigation-compose artifact. Add it to commonMain and the routing toolkit comes with it.
commonMain.dependencies {
implementation(libs.navigation.compose)
}Screens Are Just Routes
Each destination is identified by a route string. Think of it like a tiny address for one screen in your app.
Create the NavController
A NavController remembers where you are and lets you move around. You create one and hand it to your graph.
val navController = rememberNavController()Declare the NavHost
The NavHost hosts your screens and shows whichever route is current. You give it a controller and a start destination.
NavHost(navController, startDestination = "home") {
composable("home") { HomeScreen() }
composable("details") { DetailsScreen() }
}Pick a Start Destination
The startDestination is the first screen users see. It is just one of your route strings, chosen as the entry point.
Navigate Forward
To open another screen you call navigate with its route. The NavHost swaps in that destination for you.
Button(onClick = { navController.navigate("details") }) {
Text("Open details")
}Go Back Cleanly
Calling popBackStack returns to the previous screen. Compose tracks the history so back behaves the way users expect.
navController.popBackStack()The Back Stack
Every screen you open is pushed onto a back stack. Going back pops the top entry, just like a stack of cards.
Shared Routing, Native Hosting
The graph is shared, but each platform still hosts it in its own entry point. One route map, two native containers. 🙂
Quick Check
Which component actually performs the move from one screen to another?
Recap: A Shared Map of Screens
You added navigation, built a NavHost with routes, and used the NavController to move forward and back. One graph, every platform. 🚀
Sıkça Sorulan Sorular
“Paylaşılan Ekranlar Arasında Gezinme” dersi ücretsiz mi?
Evet — “Paylaşılan Ekranlar Arasında Gezinme” 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 Ekranlar Arasında Gezinme” dersinde ne öğreneceğim?
Compose Multiplatform'da bir gezinme grafiği bağlayın. 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.
“Paylaşılan Ekranlar Arasında Gezinme” 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
- Paylaşılan Ekranlar Arasında Gezinme
- Bağımsız Değişkenleri ve Derin Bağlantıları Geçirme
- Paylaşılan Görseller, Yazı Tipleri ve Dizeler
- Paylaşılan Kullanıcı Arayüzü Metnini Yerelleştirme