Jetpack Compose - NavGraph

Penting
Pembahasan ini merupakan rentetan dari topik pembahasan tentang Dasar Dasar Jetpack Compose, terdapat hampir 100 pembahasan, untuk melihat daftarnya silahkan klik DAFTAR PEMBAHASAN COMPOSE
Pengertian
NavGraph di Jetpack Compose
Apa itu NavGraph?
NavGraph adalah representasi dari struktur navigasi di dalam aplikasi Jetpack Compose. Ini mendefinisikan koneksi antara destinasi-destinasi (layar atau fragmen) yang dapat dijangkau dan cara navigasi antara mereka.
Kapan Harus Menggunakan NavGraph?
NavGraph harus digunakan ketika Anda ingin mengorganisir dan mendefinisikan struktur navigasi di dalam aplikasi Anda menggunakan Jetpack Compose Navigation. Ini membantu dalam mengelola dan memudahkan navigasi antar layar atau fragmen dalam aplikasi.
Perbedaan dengan NavHost
-
NavGraph: Ini adalah konsep struktur navigasi di aplikasi Anda. Ini mendefinisikan hubungan antara destinasi-destinasi dan cara navigasi antara mereka.
-
NavHost: Ini adalah komponen konkret dalam Jetpack Compose yang digunakan untuk menampilkan fragmen atau layar berdasarkan navigasi. NavHost harus terhubung dengan NavGraph untuk menentukan bagaimana navigasi dilakukan dalam aplikasi.
Contoh Penggunaan
Berikut adalah contoh sederhana penggunaan NavGraph dalam aplikasi Jetpack Compose:
import androidx.compose.runtime.Composable
import androidx.navigation.compose.NavHost
import androidx.navigation.compose.rememberNavController
@Composable
fun MyApp() {
val navController = rememberNavController()
NavHost(navController = navController, startDestination = "screen1") {
composable("screen1") {
Screen1(navController = navController)
}
composable("screen2") {
Screen2(navController = navController)
}
// Add more composables for additional screens
}
}
@Composable
fun Screen1(navController: NavController) {
// Content of Screen 1
}
@Composable
fun Screen2(navController: NavController) {
// Content of Screen 2
}
✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi'i