Navigasi antara Skrin Shared
Sambungkan graf navigasi dalam Compose Multiplatform.
Navigasi antara Skrin Shared ialah pelajaran Kotlin Multiplatform Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Kotlin Multiplatform Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Kotlin Multiplatform Academy merangkumi sejumlah 4 pelajaran.
Lebih daripada Satu Skrin
Aplikasi sebenar mempunyai banyak skrin: senarai, butiran dan halaman tetapan. Navigasi ialah cara anda bergerak antara skrin tersebut dalam kod Compose dikongsi. 🧭
Satu Graf untuk Setiap Platform
Anda mentakrifkan satu graf navigasi dalam commonMain, dan Android, iOS serta desktop semuanya mengikuti peta laluan yang sama.
Tambah Pustaka Navigasi
Compose Multiplatform disertakan artifak navigation-compose sendiri. Tambahkannya pada commonMain dan set alat penghalaan akan disertakan bersamanya.
commonMain.dependencies {
implementation(libs.navigation.compose)
}Skrin Hanyalah Laluan
Setiap destinasi dikenal pasti oleh rentetan laluan. Anggaplah ia sebagai alamat kecil untuk satu skrin dalam aplikasi anda.
Cipta NavController
NavController mengingati lokasi anda dan membolehkan anda bergerak. Anda menciptanya dan menyerahkannya kepada graf anda.
val navController = rememberNavController()Isytiharkan NavHost
NavHost mengehos skrin anda dan menunjukkan laluan yang sedang aktif. Anda memberikannya pengawal dan destinasi mula.
NavHost(navController, startDestination = "home") {
composable("home") { HomeScreen() }
composable("details") { DetailsScreen() }
}Pilih Destinasi Mula
startDestination ialah skrin pertama yang dilihat oleh pengguna. Ia hanyalah salah satu rentetan laluan anda yang dipilih sebagai titik masuk.
Navigasi ke Hadapan
Untuk membuka skrin lain, anda memanggil navigate dengan laluannya. NavHost menggantikan skrin semasa dengan destinasi tersebut untuk anda.
Button(onClick = { navController.navigate("details") }) {
Text("Open details")
}Kembali dengan Kemas
Memanggil popBackStack mengembalikan anda ke skrin sebelumnya. Compose menjejak sejarah supaya fungsi kembali berkelakuan seperti yang dijangka pengguna.
navController.popBackStack()Timbunan Kembali
Setiap skrin yang anda buka ditolak ke dalam timbunan kembali. Apabila kembali, entri teratas dikeluarkan, sama seperti timbunan kad.
Penghalaan Dikongsi, Pengehosan Asli
Graf itu dikongsi, tetapi setiap platform masih mengehosnya dalam titik masuknya sendiri. Satu peta laluan, dua bekas asli. 🙂
Semakan Pantas
Komponen manakah yang sebenarnya melakukan pergerakan dari satu skrin ke skrin yang lain?
Imbas Kembali: Peta Skrin Dikongsi
Anda telah menambah navigasi, membina NavHost dengan laluan, serta menggunakan NavController untuk bergerak ke hadapan dan ke belakang. Satu graf, setiap platform. 🚀
Pelajari Kotlin dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Soalan Lazim
Adakah pelajaran “Navigasi antara Skrin Shared” percuma?
Ya — teks penuh “Navigasi antara Skrin Shared” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Kotlin Multiplatform Academy, tingkat taraf kepada CoddyKit PRO. Kursus Kotlin Multiplatform Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Navigasi antara Skrin Shared”?
Sambungkan graf navigasi dalam Compose Multiplatform. Anda berlatih Kotlin Multiplatform Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Kotlin Multiplatform Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Kotlin Multiplatform Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Navigasi antara Skrin Shared” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Kotlin Multiplatform Academy ini?
Ya. Setiap pelajaran Kotlin Multiplatform Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Navigasi antara Skrin Shared
- Hantar Argumen dan Pautan Dalam
- Imej, Fon dan Rentetan Shared
- Setempatkan Teks UI Shared