Jetpack Compose

TextField & Forms

Penjelasan

TextField adalah Composable input teks — nilainya SEPENUHNYA dikendalikan lewat parameter value (dari state) dan onValueChange (callback dipanggil tiap ketikan berubah, tugasnya mengupdate state itu) — pola controlled component ini mirip persis React, cuma beda penamaan parameter.

Contoh Konsep

@Composable
fun FormNama() {
    var nama by remember { mutableStateOf("") }

    Column {
        TextField(
            value = nama,
            onValueChange = { nama = it },
            label = { Text("Nama") }
        )
        Text("Halo, $nama!")
    }
}

Praktikum

Buat Composable FormEmail dengan state email (string kosong). Buat TextField terhubung ke state itu (value + onValueChange), label "Email".

Editor Latihan

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

Tips

Parameter onValueChange = { nama = it } — kata it di sini merujuk PARAMETER TUNGGAL lambda (fitur singkatan Kotlin), setara menulis onValueChange = { teksBaru -> nama = teksBaru } lengkap. Kalau lupa mengisi onValueChange atau salah menulisnya, TextField akan terlihat "read-only" karena state-nya tidak pernah ter-update.

← Kembali LazyColumn: Menampilkan Daftar Data Lanjutkan → Composable dengan Parameter