Composable dengan Parameter — CompileDaily Study

Penjelasan

Karena Composable adalah fungsi Kotlin biasa, data dikirim ke dalamnya CUKUP lewat parameter fungsi biasa — TIDAK ada konsep "props" terpisah seperti React, cukup deklarasikan parameter dengan tipe yang jelas, bisa punya nilai default juga seperti parameter Kotlin pada umumnya.

Contoh Konsep

@Composable
fun KartuProduk(nama: String, harga: Int, tersedia: Boolean = true) {
    Card(modifier = Modifier.padding(8.dp)) {
        Column(modifier = Modifier.padding(16.dp)) {
            Text(nama, fontWeight = FontWeight.Bold)
            Text("Rp $harga")
            if (!tersedia) Text("Stok habis", color = Color.Red)
        }
    }
}

// Pemakaian: KartuProduk(nama = "Kaos", harga = 99000)

Praktikum

Buat Composable KartuArtikel(judul: String, penulis: String) yang menampilkan keduanya dalam Card berisi Column dengan dua Text. Pakai Composable itu minimal 2 kali dengan data berbeda.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Parameter dengan nilai default (mis. tersedia: Boolean = true) membuat parameter itu OPSIONAL saat pemanggilan — kamu bisa memanggil KartuProduk(nama = "Kaos", harga = 99000) TANPA mengisi tersedia, dan Kotlin otomatis memakai nilai default true, sama seperti fungsi Kotlin biasa.