Navigasi

Navigasi adalah interaksi yang memungkinkan pengguna melakukan navigasi di, ke dalam, dan ke luar dari berbagai bagian konten dalam aplikasi Anda.

Komponen Navigation Android Jetpack mencakup library Navigation, plugin Safe Args Gradle, dan alat untuk membantu Anda menerapkan navigasi aplikasi. Komponen Navigation menangani beragam kasus penggunaan navigasi, dari klik tombol yang sederhana hingga pola yang lebih kompleks, seperti panel aplikasi dan panel navigasi.

Konsep utama

Tabel berikut memberikan ringkasan tentang tiga konsep utama dalam navigasi dan jenis utama yang Anda gunakan untuk menerapkannya.

Konsep

Tujuan

Jenis

Host

Elemen UI yang berisi tujuan navigasi saat ini. Artinya, saat pengguna menavigasi aplikasi, aplikasi pada dasarnya menukar tujuan masuk dan keluar dari host navigasi.

Grafik

Struktur data yang mendefinisikan semua tujuan navigasi dalam aplikasi dan cara tujuan tersebut terhubung.

NavGraph

Pengontrol

Koordinator pusat untuk mengelola navigasi antar-tujuan. Pengontrol memberikan metode untuk bernavigasi antar-tujuan, menangani deep link, mengelola data sebelumnya, dan banyak lagi.

NavController

Manfaat dan fitur

Komponen Navigation memberikan sejumlah manfaat dan fitur lainnya, termasuk yang berikut:

  • Animasi dan transisi: Menyediakan resource standar untuk animasi dan transisi.
  • Deep linking: Menerapkan dan menangani deep link yang mengarahkan pengguna langsung ke tujuan.
  • Pola UI: Mendukung pola seperti panel navigasi dan navigasi bawah dengan tugas tambahan minimal.
  • Keamanan jenis: Mencakup plugin Safe Args Gradle yang memberikan keamanan jenis saat menavigasi dan meneruskan data antar-tujuan.
  • Dukungan ViewModel: Memungkinkan pencakupan ViewModel ke grafik navigasi untuk membagikan data terkait UI antar-tujuan grafik.
  • Transaksi fragmen: Mendukung dan menangani transaksi fragmen sepenuhnya.
  • Kembali dan ke atas: Menangani tindakan kembali dan ke atas dengan benar secara default.

Menyiapkan lingkungan

Untuk menyertakan dukungan navigasi dalam project Anda, tambahkan dependensi berikut ke file build.gradle aplikasi Anda:

Groovy

dependencies {
  def nav_version = "2.7.7"

  // Java language implementation
  implementation "androidx.navigation:navigation-fragment:$nav_version"
  implementation "androidx.navigation:navigation-ui:$nav_version"

  // Kotlin
  implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
  implementation "androidx.navigation:navigation-ui-ktx:$nav_version"

  // Feature module Support
  implementation "androidx.navigation:navigation-dynamic-features-fragment:$nav_version"

  // Testing Navigation
  androidTestImplementation "androidx.navigation:navigation-testing:$nav_version"

  // Jetpack Compose Integration
  implementation "androidx.navigation:navigation-compose:$nav_version"
}

Kotlin

dependencies {
  val nav_version = "2.7.7"

  // Java language implementation
  implementation("androidx.navigation:navigation-fragment:$nav_version")
  implementation("androidx.navigation:navigation-ui:$nav_version")

  // Kotlin
  implementation("androidx.navigation:navigation-fragment-ktx:$nav_version")
  implementation("androidx.navigation:navigation-ui-ktx:$nav_version")

  // Feature module Support
  implementation("androidx.navigation:navigation-dynamic-features-fragment:$nav_version")

  // Testing Navigation
  androidTestImplementation("androidx.navigation:navigation-testing:$nav_version")

  // Jetpack Compose Integration
  implementation("androidx.navigation:navigation-compose:$nav_version")
}

Untuk informasi tentang menambahkan komponen arsitektur lainnya ke project Anda, lihat Menambahkan komponen ke project Anda.

Langkah berikutnya

Untuk dokumentasi dan referensi lain terkait dengan komponen Navigation, lihat referensi berikut ini.

Panduan mendetail

Untuk informasi selengkapnya tentang cara menerapkan host navigasi dan NavController, serta detail cara berinteraksi dengan Compose dan framework UI lainnya, lihat panduan berikut:

Codelab

Video

Contoh