Bernavigasi di antara Layar Bersama
Hubungkan grafik navigasi di Compose Multiplatform
Bernavigasi di antara Layar Bersama adalah pelajaran Kotlin Multiplatform Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Kotlin Multiplatform Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Kotlin Multiplatform Academy mencakup 4 pelajaran total.
Lebih dari Satu Layar
Aplikasi nyata memiliki banyak layar: daftar, detail, dan halaman pengaturan. Navigasi adalah cara berpindah di antara layar-layar tersebut dalam kode Compose bersama. 🧭
Satu Graf untuk Setiap Platform
Anda menentukan satu graf navigasi di commonMain, lalu Android, iOS, dan desktop semuanya mengikuti peta rute yang sama.
Tambahkan Pustaka Navigasi
Compose Multiplatform menyediakan artefak navigasi-compose sendiri. Tambahkan ke commonMain dan perangkat peruteannya akan tersedia.
commonMain.dependencies {
implementation(libs.navigation.compose)
}Layar Hanyalah Rute
Setiap tujuan diidentifikasi oleh sebuah string rute. Anggaplah itu sebagai alamat kecil untuk satu layar dalam aplikasi Anda.
Buat NavController
NavController mengingat posisi Anda dan memungkinkan Anda berpindah. Anda membuatnya lalu menyerahkannya ke graf.
val navController = rememberNavController()Deklarasikan NavHost
NavHost menjadi wadah bagi layar-layar Anda dan menampilkan rute yang sedang aktif. Anda memberinya pengontrol dan tujuan awal.
NavHost(navController, startDestination = "home") {
composable("home") { HomeScreen() }
composable("details") { DetailsScreen() }
}Pilih Tujuan Awal
startDestination adalah layar pertama yang dilihat pengguna. Nilai ini hanyalah salah satu string rute Anda yang dipilih sebagai titik masuk.
Navigasikan ke Depan
Untuk membuka layar lain, panggil navigate dengan rutenya. NavHost akan mengganti layar dengan tujuan tersebut untuk Anda.
Button(onClick = { navController.navigate("details") }) {
Text("Open details")
}Kembali dengan Rapi
Memanggil popBackStack akan mengembalikan Anda ke layar sebelumnya. Compose melacak riwayat sehingga tombol kembali berperilaku seperti yang diharapkan pengguna.
navController.popBackStack()Tumpukan Kembali
Setiap layar yang Anda buka didorong ke dalam tumpukan kembali. Saat kembali, entri teratas dikeluarkan, seperti tumpukan kartu.
Perutean Bersama, Wadah Native
Grafnya digunakan bersama, tetapi setiap platform tetap memasangnya di titik masuknya sendiri. Satu peta rute, dua wadah native. 🙂
Pemeriksaan Singkat
Komponen mana yang sebenarnya melakukan perpindahan dari satu layar ke layar lain?
Rangkuman: Peta Layar Bersama
Anda menambahkan navigasi, membuat NavHost dengan rute, serta menggunakan NavController untuk bergerak maju dan mundur. Satu graf, setiap platform. 🚀
Belajar Kotlin dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Bernavigasi di antara Layar Bersama” gratis?
Ya — teks lengkap “Bernavigasi di antara Layar Bersama” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Kotlin Multiplatform Academy, upgrade ke CoddyKit PRO. Kursus Kotlin Multiplatform Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Bernavigasi di antara Layar Bersama”?
Hubungkan grafik navigasi di Compose Multiplatform Kamu berlatih Kotlin Multiplatform Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Kotlin Multiplatform Academy?
Tidak diperlukan pengalaman sebelumnya. Kotlin Multiplatform Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Bernavigasi di antara Layar Bersama” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Kotlin Multiplatform Academy ini?
Ya. Setiap pelajaran Kotlin Multiplatform Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Bernavigasi di antara Layar Bersama
- Meneruskan Argumen & Tautan Dalam
- Gambar, Font & String Bersama
- Melokalkan Teks UI Bersama