0Pricing
Android Academy · Pelajaran

State dengan remember dan mutableStateOf

Simpan state UI dalam composable.

State dengan remember dan mutableStateOf adalah pelajaran Android Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Android Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Android Academy mencakup 4 pelajaran total.

Apa Itu Status?

Status adalah nilai apa pun yang dapat berubah seiring waktu dan harus direspons oleh UI — penghitung, isi bidang teks, atau apakah kotak centang aktif. Saat status berubah, Compose menggambar ulang UI.

mutableStateOf

mutableStateOf membuat nilai yang dapat diamati. Saat Anda menulis nilai ke dalamnya, Compose mengetahui bahwa setiap komposabel yang membacanya perlu dijalankan kembali.

val count = mutableStateOf(0)
// read with count.value, write with count.value = 1

Mengapa remember?

Komposabel dapat dijalankan berkali-kali (rekomposisi). Jika Anda membuat status pada setiap proses, status tersebut akan diatur ulang setiap kali. remember memberi tahu Compose untuk mempertahankan nilai di antara rekomposisi.

val count = remember { mutableStateOf(0) }

Delegasi by

Membaca dan menulis .value di mana-mana terasa berisik. Delegasi properti Kotlin by memungkinkan Anda memperlakukan status seperti variabel biasa.

var count by remember { mutableStateOf(0) }
// now use count directly, no .value

Impor yang Diperlukan

Untuk menggunakan delegasi by, Anda mengimpor pembantu getter/setter. Android Studio menambahkannya secara otomatis.

import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember

Komposabel Penghitung

Berikut penghitung yang berfungsi. Mengetuk tombol akan menambah nilai count, dan Text diperbarui secara otomatis.

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }
    Button(onClick = { count++ }) {
        Text(text = "Count: $count")
    }
}

Pembacaan Memicu Pembaruan

Inilah bagian pentingnya: Text membaca count. Compose mencatat pembacaan tersebut, sehingga saat count berubah, hanya bagian itu yang direkomposisi dan menampilkan nilai baru.

Status Dapat Menyimpan Jenis Apa Pun

Status tidak hanya untuk angka. Anda dapat menyimpan String, Boolean, daftar, atau kelas data Anda sendiri.

var name by remember { mutableStateOf("") }
var isOn by remember { mutableStateOf(false) }

TextField dengan Status

Bidang teks yang dapat diedit memerlukan status untuk nilai saat ini serta panggilan balik untuk memperbaruinya.

var text by remember { mutableStateOf("") }
TextField(
    value = text,
    onValueChange = { text = it }
)

Status Bersifat Lokal

Status yang dibuat dengan remember berada di dalam komposabel. Dua pemanggilan Counter() masing-masing memiliki nilai count yang independen.

Contoh Lengkap

Layar penghitung lengkap yang menggabungkan semua hal dari pelajaran ini.

@Composable
fun CounterScreen() {
    var count by remember { mutableStateOf(0) }
    Column {
        Text(text = "You tapped $count times")
        Button(onClick = { count++ }) {
            Text(text = "Tap")
        }
    }
}

Pemeriksaan Cepat

Mengapa kita membungkus mutableStateOf dengan remember?

Rangkuman

Dasar-dasar status:

  • mutableStateOf membuat nilai yang dapat diamati.
  • remember mempertahankannya di antara rekomposisi.
  • by memungkinkan Anda melewati .value.
  • Membaca status membuat komposabel berlangganan pada perubahannya.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “State dengan remember dan mutableStateOf” gratis?

Ya — teks lengkap “State dengan remember dan mutableStateOf” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Android Academy, upgrade ke CoddyKit PRO. Kursus Android Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “State dengan remember dan mutableStateOf”?

Simpan state UI dalam composable. Kamu berlatih Android Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Android Academy?

Tidak diperlukan pengalaman sebelumnya. Android Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “State dengan remember dan mutableStateOf” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Android Academy ini?

Ya. Setiap pelajaran Android Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. State dengan remember dan mutableStateOf
  2. Penjelasan Rekomposisi
  3. Mengangkat State
  4. rememberSaveable
← Kembali ke Android Academy