PricingLoginStart free
Jetpack Compose Academy · Pelajaran

remember & mutableStateOf

Simpan state yang bertahan setelah rekomposisi.

Pelajaran 1 dari 413 langkah

remember & mutableStateOf adalah pelajaran Jetpack Compose 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 Jetpack Compose Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.

Apa Itu State

Dalam Compose, state adalah nilai apa pun yang dapat berubah seiring waktu dan diperhatikan oleh UI Anda, seperti penghitung atau nama yang diketik. 🙂

Variabel Biasa Tidak Berfungsi

var biasa di dalam Composable mengubah nilainya, tetapi Compose tidak pernah menyadarinya, sehingga layar tetap sama persis.

var count = 0
Button(onClick = { count++ }) {
    Text("Count: " + count)
}

Kenali mutableStateOf

Membungkus nilai dengan mutableStateOf akan membuat wadah yang dapat diamati. Saat nilainya berubah, Compose tahu bahwa tampilan harus digambar ulang.

val count = mutableStateOf(0)
count.value = count.value + 1

Pembacaan State Dilacak

Composable apa pun yang membaca nilai state akan otomatis berlangganan kepadanya. Ubah nilainya, dan hanya pembaca tersebut yang diperbarui.

Jebakan Rekomposisi

Compose menjalankan kembali fungsi Anda pada setiap penggambaran ulang. Membuat mutableStateOf baru setiap kali akan mengembalikan nilainya ke nol dan menghilangkan pekerjaan Anda.

remember sebagai Penyelamat

remember menyimpan nilai di antara rekomposisi. Compose menghitungnya sekali, lalu mengembalikan instans yang sama pada setiap penggambaran ulang.

val count = remember { mutableStateOf(0) }

Kombinasi Klasik

Anda hampir selalu memasangkan keduanya: remember menjaga wadah tetap hidup, sedangkan mutableStateOf membuat perubahan dapat diamati. Bersama-sama, keduanya menyimpan state UI yang sebenarnya.

Lebih Rapi dengan by

Gunakan delegasi by agar Anda dapat membaca dan menulis nilai secara langsung, tanpa harus mengakses .value yang mengganggu setiap kali.

var count by remember { mutableStateOf(0) }
count++

Menggabungkan Semuanya

Baca count di dalam Text dan ubah nilainya di onClick. Ketukan pada tombol memperbarui angka, dan Compose menggambar ulang hanya Text tersebut.

var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
    Text("Tapped " + count)
}

State Menyimpan Semua Jenis

State bukan hanya untuk angka. Anda dapat menyimpan String, Boolean, atau seluruh kelas data, dan Compose tetap melacak setiap perubahan.

var name by remember { mutableStateOf("") }

Untuk Sekarang, Simpan State Secara Lokal

Untuk widget kecil, menyimpan state tepat di dalam Composable tidak masalah. Nanti Anda akan memindahkannya ke tingkat yang lebih tinggi, tetapi state lokal adalah awal yang sempurna.

Pemeriksaan Singkat

Mengapa kita membungkus mutableStateOf di dalam remember?

Jawab di pelajaran interaktif

Ringkasan

Anda telah mempelajari bahwa remember ditambah mutableStateOf memberi Anda state yang bertahan melewati rekomposisi dan memperbarui UI secara otomatis. Awal yang bagus! 🎉

Gratis untuk memulai

Belajar Kotlin dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
30
Pelajaran
120
Mulai belajar gratisLihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “remember & mutableStateOf” gratis?

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

Apa yang akan aku pelajari di “remember & mutableStateOf”?

Simpan state yang bertahan setelah rekomposisi. Kamu berlatih Jetpack Compose 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 Jetpack Compose Academy?

Tidak diperlukan pengalaman sebelumnya. Jetpack Compose 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 “remember & 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 Jetpack Compose Academy ini?

Ya. Setiap pelajaran Jetpack Compose 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. remember & mutableStateOf
  2. Rekomposisi: Pemicu Penggambaran Ulang
  3. Membangun Penghitung Ketukan
  4. rememberSaveable setelah Rotasi
← Kembali ke Jetpack Compose Academy