Android Academy · Pelajaran

Menyediakan NavHost

Takrifkan graf navigasi dalam Compose.

Pelajaran 1 daripada 413 langkah

Menyediakan NavHost ialah pelajaran Android Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Android Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Android Academy merangkumi sejumlah 4 pelajaran.

Menavigasi antara Skrin

Kebanyakan aplikasi mempunyai lebih daripada satu skrin. Pustaka Navigation Compose membolehkan anda bergerak antara skrin composable sambil mengekalkan tindanan kembali.

Kebergantungan

Tambahkan pustaka navigasi ke dalam fail Gradle anda, kemudian anda akan mendapat NavController, NavHost dan pembantu.

// build.gradle (module)
implementation("androidx.navigation:navigation-compose:2.7.0")

NavController

NavController ialah objek yang melaksanakan navigasi dan mengingati tindanan kembali. Ciptakannya dengan rememberNavController().

val navController = rememberNavController()

NavHost

NavHost ialah composable yang memaparkan destinasi semasa. Ia memerlukan controller dan laluan startDestination.

NavHost(
    navController = navController,
    startDestination = "home"
) {
    // destinations go here
}

Menentukan Destinasi

Di dalam lambda NavHost, isytiharkan setiap skrin dengan composable("route"). Rentetan itu ialah laluan destinasi.

composable("home") {
    HomeScreen()
}

Laluan Ialah Rentetan

Laluan ialah id rentetan unik untuk sesuatu destinasi, seperti laluan URL. Anda menavigasi mengikut laluan, dan NavHost memaparkan composable yang sepadan.

Graf Dua Skrin

Berikut ialah graf navigasi minimum dengan dua destinasi. "home" dipaparkan dahulu kerana ia ialah startDestination.

NavHost(navController, startDestination = "home") {
    composable("home") { HomeScreen() }
    composable("details") { DetailsScreen() }
}

startDestination

startDestination ialah skrin pertama yang dilihat pengguna dan akar tindanan kembali. Aplikasi tidak boleh berundur melepasi skrin ini.

Menghantar Controller ke Bawah

Skrin yang mencetuskan navigasi memerlukan NavController. Hantarkannya sebagai parameter, atau lebih baik, hantar lambda mudah seperti onContinue supaya skrin boleh digunakan semula.

composable("home") {
    HomeScreen(onOpenDetails = {
        navController.navigate("details")
    })
}

Satu NavHost bagi Setiap Kawasan

Kebiasaannya, anda mempunyai satu NavHost di bahagian atas aplikasi. Controller dicipta sekali dengan rememberNavController() dan dikongsi merentas destinasi.

Menggabungkan Semuanya

Persediaan lengkap: controller, host dan dua destinasi.

@Composable
fun App() {
    val navController = rememberNavController()
    NavHost(
        navController = navController,
        startDestination = "home"
    ) {
        composable("home") { HomeScreen() }
        composable("details") { DetailsScreen() }
    }
}

Semakan Pantas

Objek manakah yang mengingati tindanan kembali dan melaksanakan navigasi?

Jawab dalam pelajaran interaktif

Imbas Kembali

Persediaan navigasi:

rememberNavController() mencipta controller.
NavHost memaparkan destinasi dan memerlukan startDestination.
Isytiharkan skrin dengan composable("route"); laluan ialah rentetan unik.

Percuma untuk bermula

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: 36
Pelajaran: 152

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Menyediakan NavHost” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Android Academy, termasuk “Menyediakan NavHost”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Android Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Menyediakan NavHost”?

Takrifkan graf navigasi dalam Compose. Anda berlatih Android 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 Android Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Android 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 “Menyediakan NavHost” 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 Android Academy ini?

Ya. Setiap pelajaran Android 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

← Kembali ke Android Academy