Jetpack Compose

State: remember & mutableStateOf

Penjelasan

mutableStateOf(nilaiAwal) membuat state OBSERVABLE — perubahan padanya OTOMATIS memicu recomposition (render ulang) Composable yang membacanya. remember { } membuat state itu BERTAHAN antar recomposition (tanpa remember, state akan RESET ke nilai awal tiap kali Composable-nya di-recompose).

Contoh Konsep

@Composable
fun Counter() {
    var jumlah by remember { mutableStateOf(0) }

    Column {
        Text("Jumlah: $jumlah")
        Button(onClick = { jumlah++ }) {
            Text("Tambah")
        }
    }
}

Praktikum

Buat Composable SaklarLampu dengan state boolean nyala (awalnya false, remember + mutableStateOf). Tampilkan teks "Lampu Nyala" atau "Lampu Mati" sesuai state, dan Button untuk membalik nilainya.

Editor Latihan

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

Tips

Kata kunci by (property delegation Kotlin) di var jumlah by remember { mutableStateOf(0) } membuat kamu bisa mengakses/mengubah state LANGSUNG sebagai jumlah (bukan jumlah.value) — tanpa by, kamu harus menulis .value setiap kali membaca/menulis state itu.

← Kembali Layout Dasar: Column, Row, Box Lanjutkan → Event Handling: onClick