Jetpack Compose - NavGraph

The Ngoding

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

Video

The Ngoding

13 Alasan Jetpack Compose Lebih Baik untuk Pengembangan Aplikasi Android

Cong Fandi

Jetpack Compose - Surface

Cong Fandi

Jetpack Compose - CutCornerShape

Cong Fandi

Jetpack Compose - RoundedCornerShape

Cong Fandi

Jetpack Compose - CircleShape

Cong Fandi

Jetpack Compose - ConstraintSet

Cong Fandi

Jetpack Compose - BadgeBox

Cong Fandi

Video

The Ngoding

Tags