Kotlin Multiplatform Academy · Pelajaran

Dedahkan Keadaan UI sebagai StateFlow

Terbitkan satu sumber kebenaran untuk skrin.

Pelajaran 2 daripada 413 langkah

Dedahkan Keadaan UI sebagai StateFlow ialah pelajaran Kotlin Multiplatform Academy percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Kotlin Multiplatform Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Kotlin Multiplatform Academy merangkumi sejumlah 4 pelajaran.

Satu Sumber Kebenaran

Skrin anda memerlukan gambaran tunggal yang boleh dipercayai tentang datanya. StateFlow memberikannya tepat seperti yang diperlukan: satu nilai boleh diperhatikan yang boleh dipercayai oleh UI.

Modelkan Skrin sebagai Keadaan

Himpunkan semua perkara yang dipaparkan oleh skrin ke dalam satu kelas data yang tidak boleh diubah. Pemuatan, data dan ralat semuanya berada bersama dalam satu objek.

data class HomeState(
    val isLoading: Boolean = false,
    val name: String = ""
)

Kekalkan MutableStateFlow secara Peribadi

Di dalam ViewModel, simpan MutableStateFlow secara peribadi. Hanya kod anda boleh mengubahnya, jadi keadaan kekal terkawal dan boleh dijangka.

private val _state =
    MutableStateFlow(HomeState())

Dedahkan Paparan Baca Sahaja

Terbitkannya sebagai StateFlow baca sahaja. UI boleh mengumpulkan nilai tetapi tidak boleh menulis kepadanya secara terus. Pengkapsulan yang kekal kemas.

val state: StateFlow<HomeState> =
    _state.asStateFlow()

Ia Sentiasa Mempunyai Nilai

Berbeza daripada Flow biasa, StateFlow sentiasa menyimpan nilai semasa. Pengumpul baharu terus mendapat keadaan terkini tanpa perlu menunggu.

Kemas Kini dengan .update

Ubah keadaan dengan selamat menggunakan update. Ia menyalin nilai semasa dan menggunakan perubahan anda secara atomik, walaupun merentas utas.

_state.update { it.copy(isLoading = true) }

copy Mengekalkannya Tidak Boleh Diubah

Oleh sebab keadaan itu ialah kelas data, copy menghasilkan objek baharu dengan satu medan yang diubah. Keadaan lama tidak pernah diubah di tempat asal.

Muatkan Data, Kemudian Pancarkan

lancarkan coroutine, dapatkan data anda, kemudian pancarkan keadaan baharu. UI dipaparkan semula secara automatik apabila nilainya berubah. ✨

scope.launch {
    val name = repo.greet()
    _state.update { it.copy(name = name) }
}

StateFlow berbanding LiveData

Pembangun Android mengenali LiveData, tetapi ia hanya tersedia pada JVM. StateFlow berfungsi pada setiap sasaran KMP, jadi itulah pilihan mudah alih.

Baca Nilai Secara Terus

Perlu mendapatkan keadaan semasa tanpa mengumpulkannya? Baca sahaja .value. Berguna untuk pengujian atau semakan sekali-sekala di dalam ViewModel.

val current = _state.value

UI Kekal Ringkas

Skrin hanya mengumpulkan state dan melukisnya. Semua keputusan kekal dalam kod dikongsi, jadi kedua-dua aplikasi berkelakuan sama.

Semakan Pantas

Mari sahkan sebab kita memisahkan aliran boleh ubah dan baca sahaja.

Jawab dalam pelajaran interaktif

Ringkasan

Himpunkan data skrin dalam kelas keadaan, simpan dalam MutableStateFlow peribadi, dan dedahkan StateFlow baca sahaja yang hanya diperhatikan oleh UI. 🚀

Percuma untuk bermula

Pelajari Kotlin dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 30
Pelajaran: 120

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Dedahkan Keadaan UI sebagai StateFlow” percuma?

Ya — teks penuh “Dedahkan Keadaan UI sebagai StateFlow” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Kotlin Multiplatform Academy, tingkat taraf kepada CoddyKit PRO. Kursus Kotlin Multiplatform Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Dedahkan Keadaan UI sebagai StateFlow”?

Terbitkan satu sumber kebenaran untuk skrin. Anda berlatih Kotlin Multiplatform Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Kotlin Multiplatform Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Kotlin Multiplatform Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.

Berapa lamakah pelajaran “Dedahkan Keadaan UI sebagai StateFlow” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Kotlin Multiplatform Academy ini?

Ya. Setiap pelajaran Kotlin Multiplatform Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Kotlin Multiplatform Academy