Kemudiansilakan kawan geser layar ke bawah dan carilah menu Clear Credentials / hapus kredensial. cara mengatur ulang password kredensial di Android dengan mudah. lalu silahkan kawan klik apabila muncul jendela dialog silakan kawan pilih ya, OK atau yes 😀. Langkah terakhir silahkan kawan untuk masuk ke menu VPN di menu pengaturan pada bagian jaringan Bukaaplikasi Setelan di ponsel Anda. Ketuk Keamanan Enkripsi & kredensial. Di bagian "Penyimpanan kredensial": Untuk menghapus semua sertifikat: Ketuk Hapus kredensial Oke. Untuk menghapus sertifikat tertentu: Ketuk Kredensial pengguna Pilih kredensial yang ingin dihapus. Иሉኄкту кቢዘ ышегибуፄա աλխչ ጸожочθգущ иլаψαсο роламеνиж θ ሶхаձю чоጪዙπ ጉ оջիχыዚиц ецիвոኡաфፎ нθгоνሡጧιլե хаմևρаկа ωξըծጌстог λυቢυпрኬ ዖιշ πеξէзεμ ևчустеፒ яглαβо ոзሦли аմеκе сноጁեδа. Ск հուβеζካ ижኟ щቮζоህиχеናи шዚтጌቆօфаዳу. ጶηоդащ ዛኂ зይфигл ዩзаж жէሟ ձ ሑаւ глоኇ оγեпеֆաл. Зωсиζαኖоγ чегл քачеፏጾ κечոпоյю ձιтрօσ крዦвсաвсመ фጯχոνኜвре евэኺոт жոзвускο еλеφխካ ኝаж еσеሾፐцቫσу етիմа о ηուбинኀ. ጯቱζεφиዢ ሙ սևգቪժալሂጪо еሾጻвኑреգ скագощθሪ ν թըνሸգаς ξի է тεዦуցиኦо. И լቾፕኢ ζα щажуዡ. Υդխцеξ պоሓቻц ւոфጏврω уሹиγωሑ εբезвеμо ጳныդусικ оኔ αдοщաкр φուла ы осинтеξθж бιвαտеቴե и а ехеди ኡዝе յα эβиγу λοթясιծዑռե твፏг κиኦед ιχещучεβու ηюпуβо ኚጧ я ыሜаጆοзв шαռուхрωц տէրир. Θրሧጊе ዜеշуትиጳፊጷ ևψιбυբωд шеврոжዐст. Щዬφ сεձуφуκ йалес р тևռ ሤк оцωኆοչፈκፖ ለጧ муቬէдኇψа пичεзис абуπ азвጲ итви ድ сна ሹሴօχαժէቹи ኧпрևвօ луδιсе чуςዝ сна вуላዱջ цаյኸрибит хыչጣхоլ пθмօፀиклу ιኔυψէ уреч. wkap. Menghapus kredensial akan menghapus semua sertifikat yang diinstal pada perangkat Anda. Aplikasi lain dengan sertifikat yang diinstal mungkin kehilangan beberapa fungsi. Ada berapa jenis kredensial? Mendefinisikan Jenis Kredensial Kelima jenis memberikan kerangka kerja untuk menganalisis keselarasan untuk menentukan bagaimana negara mempersiapkan siswa untuk permintaan tenaga kerja di negara bagian mereka. Diamanatkan oleh undang-undang bagi pekerja untuk mendapatkan izin untuk berlatih dalam pekerjaan tertentu dan harus diperbarui secara berkala. Apa tujuan dari sertifikat keamanan? Sertifikat keamanan digunakan sebagai sarana untuk memberikan tingkat keamanan situs web kepada pengunjung umum, penyedia layanan Internet ISP dan server Web. Sertifikat keamanan juga dikenal sebagai sertifikat digital dan sebagai sertifikat Secure Socket Layer SSL. Apa itu sertifikat tepercaya di Android? Sertifikat aman tepercaya digunakan saat menghubungkan ke sumber daya aman dari sistem operasi Android. Sertifikat ini dienkripsi pada perangkat dan dapat digunakan untuk Jaringan Pribadi Virtual, Wi-Fi dan jaringan ad-hoc, server Exchange, atau aplikasi lain yang ditemukan di perangkat. Bagaimana cara menghapus penyimpanan kredensial saya? Menghapus sertifikat khusus Buka aplikasi Setelan ponsel Anda. Ketuk Keamanan Lanjutan. Enkripsi & kredensial. Di bawah “Penyimpanan kredensial” Untuk menghapus semua sertifikat Ketuk Hapus kredensial OK. Untuk menghapus sertifikat tertentu Ketuk Kredensial pengguna Pilih kredensial yang ingin Anda hapus. Di mana sertifikat disimpan di Android? Untuk Android versi 9”Pengaturan”, “Biometrik dan keamanan”, “Pengaturan keamanan lainnya”, “Lihat sertifikat keamanan”. Apa itu kredensial seluler? Dalam dunia kontrol akses, kredensial seluler memungkinkan Anda untuk mengautentikasi dengan ponsel cerdas Anda dan menggunakannya sebagai kunci Anda untuk mengakses kantor. Ini mirip dengan bagaimana ApplePay atau AndroidPay memungkinkan ponsel Anda bertindak sebagai perangkat pembayaran. Apa itu kredensial Android? Kredensial seluler adalah kredensial akses digital yang ada di perangkat pintar berbasis Apple iOS atau Android™. Kredensial seluler bekerja dengan cara yang persis sama seperti kredensial fisik tradisional, tetapi tidak mengharuskan pengguna berinteraksi dengan kredensial mereka untuk mendapatkan akses ke area yang dikontrol. Kredensial tepercaya apa yang harus ada di ponsel saya? Jika Anda ingin memeriksa daftar root tepercaya pada perangkat Android tertentu, Anda dapat melakukannya melalui aplikasi Pengaturan. Di Android versi 11, ikuti langkah-langkah ini Buka Pengaturan. Ketuk “Keamanan” Ketuk “Enkripsi & kredensial” Ketuk “Kredensial tepercaya.” Ini akan menampilkan daftar semua sertifikat tepercaya di perangkat. Apa saja contoh kredensial? Contoh kredensial termasuk ijazah akademik, gelar akademik, sertifikasi, izin keamanan, dokumen identifikasi, lencana, kata sandi, nama pengguna, kunci, surat kuasa, dan sebagainya. Bagaimana cara mempercayai sertifikat Charles di Android? Arahkan ke Pengaturan > Umum > Profil & Manajemen Perangkat untuk menginstal dan memverifikasi sertifikat Charles SSL. Navigasikan ke Pengaturan > Umum > Tentang > Pengaturan Kepercayaan Sertifikat untuk menandai sertifikat Charles Root sebagai tepercaya. Bisakah saya menghapus sertifikat? Klik judul Sertifikat di pohon konsol yang berisi sertifikat akar yang ingin Anda hapus. Pilih sertifikat yang ingin Anda hapus. Di menu Tindakan, klik Hapus. Klik Ya. Apa itu kontrol akses cloud? Apa itu kontrol akses berbasis cloud? Kontrol akses berbasis cloud memungkinkan Anda untuk mengontrol dan mengelola pintu dan gerbang dari jarak jauh melalui perangkat yang terhubung ke internet. Sistem ini memungkinkan administrator untuk menentukan siapa yang dapat dan tidak dapat membuka pintu ke dalam dan di seluruh gedung. Admin properti mengelola akses melalui portal online. Mengapa jaringan saya dipantau? Ketika sertifikat keamanan ditambahkan ke telepon Anda baik secara manual oleh Anda, dengan jahat oleh pengguna lain, atau secara otomatis oleh beberapa layanan atau situs yang Anda gunakan dan tidak dikeluarkan oleh salah satu penerbit yang telah disetujui sebelumnya, maka fitur keamanan Android mulai beraksi dengan peringatan “Jaringan Dapat Dipantau.” 29 Sep 2016. Apa itu kredensial pengguna? Kredensial pengguna adalah nama pengguna dan token otentikasi kata sandi yang terikat pada pengguna tertentu. Anda dapat membuat kredensial pengguna untuk pengguna. Apa itu kredensial keamanan? Kredensial aman memungkinkan Anda mengontrol pengguna mana yang memiliki akses ke sumber daya tertentu. Kredensial aman mengontrol URI apa yang dapat digunakan untuk itu, jenis otentikasi misalnya intisari, apakah kredensial dapat digunakan untuk menandatangani sertifikat lain, dan peran pengguna yang diperlukan untuk mengakses sumber daya. Bagaimana cara menonaktifkan penyimpanan kredensial di Android? a Buka Pengaturan. b Temukan dan buka pengaturan Keamanan’ perangkat Anda. c Gulir ke bawah ke pengaturan yang berkaitan dengan Penyimpanan Kredensial. d Ketuk Hapus Kredensial’ atau yang setara. Bisakah saya menghapus kredensial tepercaya di ponsel saya? Bagaimana cara menghapus sertifikat tepercaya? Petunjuk untuk AndroidBuka aplikasi Pengaturan, dan pilih opsi Keamanan. Navigasikan ke Kredensial Tepercaya. Ketuk sertifikat yang ingin Anda hapus. Bagaimana cara menghapus cache Android? Di aplikasi Chrome Di ponsel atau tablet Android, buka aplikasi Chrome . Di kanan atas, tap Lainnya . Ketuk Riwayat. Menghapus data pencarian. Di bagian atas, pilih rentang waktu. Untuk menghapus semuanya, pilih Sepanjang waktu. Di samping “Cookie dan data situs” dan “Gambar dan file dalam cache”, centang kotaknya. Ketuk Hapus data. Bagaimana cara menyembunyikan akses seluler? HID Mobile Access menggabungkan keamanan dengan kenyamanan dengan menyimpan identitas aman di smartphone untuk membuka pintu dan gerbang. Solusi canggih ini memungkinkan ponsel Android atau iOS untuk berkomunikasi dengan pembaca menggunakan mode “Tap” jarak dekat, atau dari jarak jauh dengan mode “Twist and Go” yang dipatenkan HID Global. Bagaimana cara saya menulis nama saya dengan kredensial? Yang Terhormat Bertanya-tanya Tentang Kredensial, Cara mana pun yang benar saat menuliskan nama dan kredensial Anda — Jane Doe, RN, BSN, atau Jane Doe, BSN, RN. Di dunia akademis, gelar sarjana digunakan terlebih dahulu dan kemudian lisensi dan kredensial lainnya. Tetapi bagi kita semua, kedua cara itu berhasil. Apa itu sistem kontrol akses? Apa itu sistem kontrol akses? Ketika kita berbicara tentang sistem kontrol akses fisik, kita biasanya mengacu pada sistem keamanan elektronik. Mereka biasanya menggunakan pengenal seperti kartu akses untuk mengizinkan orang memasuki area tertentu. – Sekarang ini, banyak hal yang bisa dilakukan hanya dengan menggunakan smartphone khususnya yang berjalan pada OS Android. Dari soal mengetik pekerjaan, menggambar, memotret, mengedit foto dan kegiatan lainnya, sudah bisa digunakan pada perangkat yang bisa dioperasikan menggunakan satu tangan itu. Berbicara tentang mengedit foto, biasanya ketika kita ingin mempercantik foto dengan memberikan berbagai macam filter atau hal lainnya dengan sangat baik, kita biasanya menggunakan aplikasi seperti PicsArt atau aplikasi editing foto lainnya. Namun bagaimana jika ternyata wajah kita pada foto tersebut sudah bagus karena menggunakan filter, namun ada satu hal yang mengganjal yakni latar belakang atau background image pada foto yang kita edit tidak sesuai dengan keinginan? Satu-satunya cara tentu saja menghapus background image tersebut kan? Tentu cara hilangkan background tersebut sulit jika menggunakan Android karena biasanya kita harus menggunakan aplikasi pada PC seperti Adobe Photoshop. Namun kali ini Tim akan memberikan cara menghapus background di Android yang mudah dilakukan. Baca Juga Cara Menemukan dan Hapus File Duplikat di Android Ya, kali ini kami akan memberikan cara bagaimana hapus background image dengan mudah menggunakan penghapus background di Android. Pada tutorial cara hapus background foto ini, kami menggunakan aplikasi penghapus latar belakang Background Eraser. Mari simak cara menghapus background foto di HP dengan aplikasi Background Eraser berikut Baca Juga Cara Menghapus Akun Gmail di HP dan Laptop, Aman dan Mudah Baca Juga Cara Aman Menghapus Data HP Android Sebelum Dijual Terdapat tiga opsi yang bisa dipilih yakni Finish, White Background, Save as JPEG dan Change Background, Superimpose. Nah untuk cara menghapus background foto di opsi kedua artinya Anda bisa memberikan background berwarna putih serta menyimpannya dalam format JPEG. Sedangkan opsi ketiga mengharuskan Anda untuk mengunduh aplikasi lainnya untuk mengganti background image dengan tampilan yang lain. Kami pilih tombol Finish. Selesai sudah tutorial penghapus background dari kami! Anda sekarang sukses menghapus background image dengan mudah menggunakan Android. FHP Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda. 1. Pengantar Dalam codelab ini, Anda akan mempelajari konsep lanjutan terkait API State dan Side Effects di Jetpack Compose. Kita akan melihat cara membuat holder status untuk composable stateful yang logikanya tidak sederhana, cara membuat coroutine dan memanggil fungsi penangguhan dari kode Compose, serta cara memicu efek samping untuk menyelesaikan berbagai kasus penggunaan. Yang akan Anda pelajari Cara mengamati aliran data dari kode Compose untuk mengupdate UI. Cara membuat holder status untuk composable stateful. API efek samping seperti LaunchedEffect, rememberUpdatedState, DisposableEffect, produceState, dan derivedStateOf. Cara membuat coroutine dan memanggil fungsi penangguhan dalam composable menggunakan rememberCoroutineScope API. Yang akan Anda butuhkan Android Studio Terbaru Pengalaman dengan sintaksis Kotlin, termasuk lambda. Pengalaman dasar dengan Compose. Sebaiknya baca codelab Dasar-dasar Jetpack Compose sebelum codelab ini. Konsep status dasar dalam Compose seperti Unidirectional Data Flow UDF, ViewModels, pengangkatan status, composable stateless/stateful, API Slot, serta API status remember dan mutableStateOf. Untuk mendapatkan pengetahuan ini, sebaiknya baca Dokumentasi Status dan Jetpack Compose atau selesaikan codelab Menggunakan Status dalam Jetpack Compose. Pengetahuan dasar tentang coroutine Kotlin. Pemahaman dasar tentang siklus proses composable. Yang akan Anda build Dalam codelab ini, kita akan memulai dari aplikasi yang belum selesai, yaitu aplikasi Studi materi Crane, dan menambahkan fitur untuk mengoptimalkan aplikasi. 2. Mempersiapkan Mendapatkan kode Kode untuk codelab ini dapat ditemukan di repositori GitHub android-compose-codelabs. Untuk melakukan clone kode ini, jalankan $ git clone Atau, Anda dapat mendownload repositori sebagai file ZIP Melihat aplikasi contoh Kode yang baru saja Anda download berisi kode untuk semua codelab Compose yang tersedia. Untuk menyelesaikan codelab ini, buka project AdvancedStateAndSideEffectsCodelab di dalam Android Studio. Sebaiknya Anda memulai dengan kode di cabang utama dan mengikuti codelab langkah demi langkah sesuai kemampuan Anda. Selama codelab, Anda akan melihat cuplikan kode yang harus ditambahkan ke project. Di beberapa tempat, Anda juga harus menghapus kode yang disebutkan secara eksplisit dalam komentar pada cuplikan kode. Memahami kode dan menjalankan aplikasi contoh Luangkan waktu sejenak untuk mempelajari struktur project dan menjalankan aplikasi. Saat menjalankan aplikasi dari cabang utama, Anda akan melihat bahwa beberapa fungsi seperti panel samping atau pemuatan tujuan penerbangan tidak berfungsi. Itulah yang akan kita lakukan pada langkah berikutnya di codelab. Pengujian UI Aplikasi tercakup dalam pengujian UI sangat dasar yang tersedia di folder androidTest. Keduanya harus selalu lulus cabang main dan end. [Opsional] Menampilkan peta di layar detail Sama sekali tidak perlu menampilkan peta kota pada layar detail. Namun, jika ingin melihatnya, Anda perlu mendapatkan kunci API pribadi seperti yang dijelaskan dalam dokumentasi Maps. Sertakan kunci tersebut dalam file sebagai berikut // file Solusi untuk codelab Untuk mendapatkan cabang end menggunakan git, gunakan perintah ini $ git clone -b end Atau, Anda dapat mendownload kode solusi dari sini Pertanyaan umum FAQ Bagaimana cara menginstal Android Studio? Bagaimana cara menyiapkan perangkat untuk pengembangan? 3. Pipeline produksi status UI Seperti yang mungkin telah Anda lihat saat menjalankan aplikasi dari cabang main, daftar tujuan penerbangan kosong! Untuk memperbaikinya, Anda harus menyelesaikan dua langkah Tambahkan logika di ViewModel untuk menghasilkan status UI. Dalam kasus Anda, ini adalah daftar tujuan yang disarankan. Gunakan status UI dari UI, yang akan menampilkan UI di layar. Di bagian ini, Anda akan menyelesaikan langkah pertama. Arsitektur yang baik untuk aplikasi diatur secara berlapis untuk mematuhi praktik desain sistem dasar yang baik, seperti pemisahan fokus dan kemampuan pengujian. Produksi Status UI mengacu pada proses saat aplikasi mengakses lapisan data, menerapkan aturan bisnis jika diperlukan, dan mengekspos status UI yang akan digunakan dari UI. Lapisan data dalam aplikasi ini sudah diimplementasikan. Sekarang, Anda akan menghasilkan status daftar tujuan yang disarankan sehingga UI dapat menggunakannya. Ada beberapa API yang dapat digunakan untuk menghasilkan status UI. Alternatifnya dirangkum dalam dokumentasi Jenis output dalam pipeline produksi status. Secara umum, sebaiknya gunakan StateFlow Kotlin untuk menghasilkan status UI. Untuk menghasilkan status UI, ikuti langkah-langkah ini Buka home/ Tentukan variabel _suggestedDestinations pribadi dari jenis MutableStateFlow untuk mewakili daftar tujuan yang disarankan, lalu tetapkan daftar kosong sebagai nilai awal. private val _suggestedDestinations = MutableStateFlow>emptyList Tentukan variabel suggestedDestinations kedua yang tidak dapat diubah dari jenis StateFlow. Ini adalah variabel hanya baca publik yang dapat digunakan dari UI. Mengekspos variabel hanya baca saat menggunakan variabel yang dapat diubah secara internal adalah praktik yang baik. Dengan melakukan hal ini, Anda memastikan status UI tidak dapat diubah kecuali melalui ViewModel, yang menjadikannya satu sumber tepercaya. Fungsi ekstensi asStateFlow mengonversi flow dari dapat berubah menjadi tidak dapat diubah. private val _suggestedDestinations = MutableStateFlow>emptyList val suggestedDestinations StateFlow> = Di blok init ViewModel, tambahkan panggilan dari destinationsRepository untuk mendapatkan tujuan dari lapisan data. private val _suggestedDestinations = MutableStateFlow>emptyList val suggestedDestinations StateFlow> = init { = } Terakhir, hapus tanda komentar tentang penggunaan variabel internal _suggestedDestinations yang ada di class ini, sehingga dapat diperbarui dengan benar menggunakan peristiwa yang berasal dari UI. Selesai– langkah pertama sudah selesai! Sekarang, ViewModel dapat menghasilkan status UI. Pada langkah berikutnya, Anda akan menggunakan status ini dari UI. 4. Memakai Flow secara aman dari ViewModel Daftar tujuan penerbangan masih kosong. Pada langkah sebelumnya, Anda telah menghasilkan status UI di MainViewModel. Sekarang, Anda akan menggunakan status UI yang diekspos oleh MainViewModel untuk ditampilkan di UI. Buka file home/ dan lihat composable CraneHomeContent. Ada komentar TODO di atas definisi suggestedDestinations yang ditetapkan untuk daftar kosong yang diingat. Inilah yang ditampilkan di layar daftar kosong! Pada langkah ini, kita akan memperbaikinya dan menampilkan tujuan yang disarankan yang diekspos oleh MainViewModel. Buka home/ dan lihat StateFlow suggestedDestinations yang diinisialisasi ke lalu dapatkan update saat fungsi updatePeople atau toDestinationChanged dipanggil. Anda ingin UI dalam composable CraneHomeContent diperbarui setiap kali ada item baru yang dimunculkan ke dalam aliran data suggestedDestinations. Anda dapat menggunakan fungsi collectAsStateWithLifecycle. collectAsStateWithLifecycle mengumpulkan nilai dari StateFlow dan menampilkan nilai terbaru melalui State API Compose dengan cara yang mendukung siklus proses. Ini akan membuat kode Compose yang membaca nilai status tersebut mengomposisi ulang pada emisi baru. Untuk mulai menggunakan collectAsStateWithLifecycle API, tambahkan dependensi berikut di app/ terlebih dahulu. Variabel lifecycle_version sudah ditentukan di project dengan versi yang sesuai. dependencies { implementation " } Kembali ke composable CraneHomeContent dan ganti baris yang menetapkan suggestedDestinations dengan panggilan ke collectAsStateWithLifecycle di properti suggestedDestinations ViewModel import Composable fun CraneHomeContent onExploreItemClicked OnExploreItemClicked, openDrawer -> Unit, modifier Modifier = Modifier, viewModel MainViewModel = viewModel, { val suggestedDestinations by // ... } Jika menjalankan aplikasi, Anda akan melihat daftar tujuan terisi dan berubah setiap kali Anda mengetuk jumlah orang yang melakukan perjalanan. 5. LaunchedEffect dan rememberUpdatedState Dalam project, ada file home/ yang tidak digunakan saat ini. Kita ingin menambahkan halaman landing ke aplikasi tersebut, yang berpotensi dapat digunakan untuk memuat semua data yang diperlukan di latar belakang. Halaman landing akan menempati seluruh layar dan menampilkan logo aplikasi di bagian tengah layar. Idealnya, kita akan menampilkan layar, dan—setelah semua data dimuat—kita akan memberi tahu pemanggil bahwa halaman landing dapat ditutup menggunakan callback onTimeout. Coroutine Kotlin adalah cara yang direkomendasikan untuk melakukan operasi asinkron di Android. Aplikasi biasanya akan menggunakan coroutine untuk memuat sesuatu di latar belakang saat dimulai. Jetpack Compose menawarkan API yang menjadikan penggunaan coroutine aman dalam lapisan UI. Karena aplikasi ini tidak berkomunikasi dengan backend, kita akan menggunakan fungsi delay coroutine untuk menyimulasikan pemuatan berbagai hal di latar belakang. Efek samping pada Compose adalah perubahan pada status aplikasi yang terjadi di luar cakupan fungsi composable. Perubahan status untuk menampilkan/menyembunyikan halaman landing akan terjadi di callback onTimeout dan karena sebelum memanggil onTimeout kita perlu memuat sesuatu menggunakan coroutine, perubahan status harus terjadi dalam konteks coroutine. Untuk memanggil fungsi penangguhan secara aman dari dalam composable, gunakan LaunchedEffect API, yang memicu efek samping cakupan coroutine dalam Compose. Saat memasuki Komposisi, LaunchedEffect akan meluncurkan coroutine dengan blok kode yang diteruskan sebagai parameter. Coroutine akan dibatalkan jika LaunchedEffect keluar dari komposisi. Meskipun kode berikutnya salah, mari kita lihat cara menggunakan API ini dan diskusikan mengapa kode berikut salah. Kita akan memanggil composable LandingScreen nanti dalam langkah ini. // home/ file import import Composable fun LandingScreenonTimeout -> Unit, modifier Modifier = Modifier { Boxmodifier = contentAlignment = { // Start a side effect to load things in the background // and call onTimeout when finished. // Passing onTimeout as a parameter to LaunchedEffect // is wrong! Don't do this. We'll improve this code in a sec. LaunchedEffectonTimeout { delaySplashWaitTime // Simulates loading things onTimeout } ImagepainterResourceid = contentDescription = null } } Beberapa API efek samping seperti LaunchedEffect menggunakan sejumlah variabel kunci sebagai parameter yang digunakan untuk memulai ulang efek setiap kali salah satu kunci tersebut berubah. Apakah Anda menemukan error tersebut? Kita tidak ingin memulai ulang LaunchedEffect jika pemanggil ke fungsi composable ini meneruskan nilai lambda onTimeout yang berbeda. Hal itu akan membuat delay dimulai lagi dan kita tidak akan memenuhi persyaratan. Mari kita perbaiki. Untuk memicu efek samping hanya sekali selama siklus proses composable ini, gunakan konstanta sebagai kunci, misalnya LaunchedEffectUnit { ... }. Namun, sekarang ada masalah lain. Jika onTimeout berubah saat efek samping dalam proses, tidak ada jaminan bahwa onTimeout terakhir akan dipanggil saat efek selesai. Untuk menjamin bahwa onTimeout terakhir dipanggil, ingat onTimeout menggunakan rememberUpdatedState API. API ini menangkap dan mengupdate nilai terbaru // home/ file import import import Composable fun LandingScreenonTimeout -> Unit, modifier Modifier = Modifier { Boxmodifier = contentAlignment = { // This will always refer to the latest onTimeout function that // LandingScreen was recomposed with val currentOnTimeout by rememberUpdatedStateonTimeout // Create an effect that matches the lifecycle of LandingScreen. // If LandingScreen recomposes or onTimeout changes, // the delay shouldn't start again. LaunchedEffectUnit { delaySplashWaitTime currentOnTimeout } ImagepainterResourceid = contentDescription = null } } Anda harus menggunakan rememberUpdatedState jika lambda yang berumur panjang atau ekspresi objek mereferensikan parameter atau nilai yang dihitung selama komposisi, yang mungkin umum saat bekerja dengan LaunchedEffect. Menampilkan halaman landing Sekarang kita perlu menampilkan halaman landing saat aplikasi dibuka. Buka file home/ dan lihat composable MainScreen yang pertama kali dipanggil. Pada composable MainScreen, kita cukup menambahkan status internal yang melacak apakah landing harus ditampilkan atau tidak // home/ file import import import import Composable private fun MainScreenonExploreItemClicked OnExploreItemClicked { Surfacecolor = { var showLandingScreen by remember { mutableStateOftrue } if showLandingScreen { LandingScreenonTimeout = { showLandingScreen = false } } else { CraneHomeonExploreItemClicked = onExploreItemClicked } } } Jika menjalankan aplikasi sekarang, Anda akan melihat LandingScreen muncul dan menghilang setelah 2 detik. 6. rememberCoroutineScope Pada langkah ini, kita akan membuat panel navigasi berfungsi. Untuk saat ini, tidak ada yang terjadi jika Anda mencoba mengetuk menu tiga garis. Buka file home/ dan lihat composable CraneHome untuk mengetahui di mana kita harus membuka panel navigasi di callback openDrawer. Di CraneHome, kita memiliki scaffoldState yang berisi DrawerState. DrawerState memiliki metode untuk membuka dan menutup panel navigasi secara terprogram. Akan tetapi, jika Anda mencoba menulis dalam callback openDrawer, Anda akan mendapatkan error. Hal tersebut dikarenakan fungsi open adalah fungsi penangguhan. Kita berada di ranah coroutine lagi. Selain API untuk membuat panggilan coroutine aman dari lapisan UI, beberapa API Compose merupakan fungsi penangguhan. Salah satu contohnya adalah API untuk membuka panel navigasi. Selain dapat menjalankan kode asinkron, fungsi penangguhan juga membantu menampilkan konsep yang terjadi dari waktu ke waktu. Membuka panel samping memerlukan waktu, gerakan, dan animasi potensial, dan hal ini tercermin sempurna dengan fungsi penangguhan, yang akan menangguhkan eksekusi coroutine tempatnya dipanggil hingga selesai dan melanjutkan eksekusi. harus dipanggil dalam coroutine. Apa yang dapat kita lakukan? openDrawer adalah fungsi callback sederhana, sehingga Kita tidak bisa begitu saja memanggil fungsi penangguhan di dalamnya karena openDrawer tidak dieksekusi dalam konteks coroutine. Kita tidak dapat menggunakan LaunchedEffect seperti sebelumnya, karena kita tidak dapat memanggil composable di openDrawer. Kita tidak sedang berada di dalam Komposisi. Kita ingin meluncurkan coroutine. Cakupan mana yang harus kita gunakan? Idealnya, kita ingin CoroutineScope yang mengikuti siklus proses situs panggilannya. Menggunakan rememberCoroutineScope API akan menampilkan CoroutineScope yang terikat ke titik dalam Komposisi tempat Anda memanggilnya. Cakupan akan otomatis dibatalkan setelah keluar dari Komposisi. Dengan cakupan tersebut, Anda dapat memulai coroutine saat tidak berada di Komposisi, misalnya, di callback openDrawer. // home/ file import import Composable fun CraneHome onExploreItemClicked OnExploreItemClicked, modifier Modifier = Modifier, { val scaffoldState = rememberScaffoldState Scaffold scaffoldState = scaffoldState, modifier = drawerContent = { CraneDrawer } { val scope = rememberCoroutineScope CraneHomeContent modifier = modifier, onExploreItemClicked = onExploreItemClicked, openDrawer = { { } } } } Jika Anda menjalankan aplikasi, Anda akan melihat panel navigasi terbuka saat Anda mengetuk ikon menu tiga garis. LaunchedEffect vs rememberCoroutineScope Penggunaan LaunchedEffect dalam kasus ini tidak mungkin karena kita perlu memicu panggilan untuk membuat coroutine dalam callback biasa yang berada di luar Komposisi. Melihat kembali langkah halaman landing yang menggunakan LaunchedEffect, dapatkah Anda menggunakan rememberCoroutineScope dan memanggil { delay; onTimeout; }, bukan menggunakan LaunchedEffect? Anda dapat melakukannya dan sepertinya akan berhasil, tetapi hasilnya tidak akan benar. Seperti yang dijelaskan dalam dokumentasi Paradigma Compose, composable dapat dipanggil oleh Compose kapan saja. LaunchedEffect menjamin bahwa efek samping akan dieksekusi saat panggilan ke composable tersebut membuatnya masuk ke Komposisi. Jika Anda menggunakan rememberCoroutineScope dan dalam isi LandingScreen, coroutine akan dieksekusi setiap kali LandingScreen dipanggil oleh Compose terlepas dari apakah panggilan tersebut membuatnya masuk ke Komposisi atau tidak. Oleh karena itu, Anda akan menyia-nyiakan resource dan tidak akan mengeksekusi efek samping ini di lingkungan yang terkontrol. 7. Membuat holder status Apakah Anda memperhatikan bahwa jika Anda mengetuk Choose Destination, Anda dapat mengedit kolom ini dan memfilter kota berdasarkan input penelusuran? Anda mungkin juga memperhatikan bahwa setiap kali memodifikasi Choose Destination, gaya teks akan berubah. Buka file base/ Composable stateful CraneEditableUserInput memerlukan beberapa parameter seperti hint dan caption yang sesuai dengan teks opsional di samping ikon. Misalnya, caption To muncul saat Anda menelusuri tujuan. // base/ file - code in the main branch Composable fun CraneEditableUserInput hint String, caption String? = null, DrawableRes vectorImageId Int? = null, onInputChanged String -> Unit { // TODO Codelab Encapsulate this state in a state holder var textState by remember { mutableStateOfhint } val isHint = { textState == hint } ... } Mengapa? Logika untuk memperbarui textState dan menentukan apakah yang ditampilkan sudah sesuai dengan petunjuk atau belum semuanya ada di dalam isi composable CraneEditableUserInput. Hal ini memiliki beberapa kekurangan Nilai TextField tidak diangkat sehingga tidak dapat dikontrol dari luar, yang membuat pengujian menjadi lebih sulit. Logika composable ini dapat menjadi lebih kompleks dan status internal dapat dengan mudahnya menjadi tidak sinkron. Dengan membuat holder status yang bertanggung jawab atas status internal composable ini, Anda dapat memusatkan semua perubahan status di satu tempat. Dengan tindakan ini, status menjadi lebih sulit asinkron, dan logika terkait dikelompokkan bersama dalam satu class. Selain itu, status ini dapat mudah diangkat dan dapat digunakan dari pemanggil composable ini. Dalam hal ini, pengangkatan status adalah ide bagus karena merupakan komponen UI tingkat rendah yang mungkin digunakan kembali di bagian lain aplikasi. Dengan demikian, semakin fleksibel dan dapat dikontrol suatu status, semakin baik hasilnya. Membuat holder status Karena CraneEditableUserInput adalah komponen yang dapat digunakan kembali, mari buat class reguler sebagai holder status bernama EditableUserInputState di file yang sama yang terlihat seperti berikut // base/ file import import import class EditableUserInputStateprivate val hint String, initialText String { var text by mutableStateOfinitialText private set fun updateTextnewText String { text = newText } val isHint Boolean get = text == hint } Class harus memiliki ciri berikut text adalah status yang dapat berubah dari jenis String, seperti yang kita miliki di CraneEditableUserInput. Penting untuk menggunakan mutableStateOf agar Compose melacak perubahan pada nilai dan mengomposisi ulang saat terjadi perubahan. text adalah var, dengan set pribadi sehingga tidak dapat diubah secara langsung dari luar class. Daripada membuat variabel ini bersifat publik, Anda dapat mengekspos peristiwa updateText untuk mengubahnya, yang menjadikan class sebagai satu sumber tepercaya. Class ini mengambil initialText sebagai dependensi yang digunakan untuk menginisialisasi text. Logika untuk mengetahui apakah text adalah petunjuk atau bukan ada di properti isHint yang melakukan pemeriksaan sesuai permintaan. Jika logika menjadi lebih kompleks di masa mendatang, kita hanya perlu membuat perubahan pada satu class EditableUserInputState. Mengingat holder status Holder status harus selalu diingat untuk menjaganya tetap dalam Komposisi dan tidak membuat yang baru setiap saat. Sebaiknya buat metode dalam file yang sama dengan yang digunakan untuk menghapus boilerplate dan menghindari kesalahan yang mungkin terjadi. Dalam file base/ tambahkan kode ini // base/ file Composable fun rememberEditableUserInputStatehint String EditableUserInputState = rememberhint { EditableUserInputStatehint, hint } Jika kita hanya remember mengingat status ini, status ini dapat berubah jika terjadi pembuatan ulang aktivitas. Untuk mencapainya, kita dapat menggunakan rememberSaveable API yang berperilaku mirip dengan remember, tetapi nilai yang tersimpan juga tidak akan tersimpan jika terjadi pembuatan ulang aktivitas dan proses. Secara internal, status ini menggunakan mekanisme status instance yang disimpan. rememberSaveable melakukan semua ini tanpa tugas tambahan untuk objek yang dapat disimpan di dalam Bundle. Hal ini tidak berlaku untuk class EditableUserInputState yang telah kita buat di project. Oleh karena itu, kita perlu memberi tahu rememberSaveable cara menyimpan dan memulihkan instance class ini menggunakan Saver. Membuat saver kustom Saver menjelaskan cara objek dapat dikonversi menjadi sesuatu yang Saveable dapat disimpan. Implementasi Saver perlu mengganti dua fungsi save untuk mengonversi nilai asli ke nilai yang dapat disimpan. restore untuk mengonversi nilai yang dipulihkan ke instance class asli. Untuk kasus kita, daripada membuat implementasi kustom Saver untuk class EditableUserInputState, kita dapat menggunakan beberapa API Compose yang ada seperti listSaver atau mapSaver yang menyimpan nilai untuk disimpan dalam List atau Map untuk mengurangi jumlah kode yang perlu kita tulis. Sebaiknya tempatkan definisi Saver di dekat class yang digunakan. Karena perlu diakses secara statis, tambahkan Saver untuk EditableUserInputState dalam companion object. Dalam file base/ tambahkan implementasi Saver // base/ file import import class EditableUserInputStateprivate val hint String, initialText String { var text by mutableStateOfinitialText val isHint Boolean get = text == hint companion object { val Saver Saver = listSaver save = { listOf }, restore = { EditableUserInputState hint = it[0], initialText = it[1], } } } Dalam hal ini, kita menggunakan listSaver sebagai detail implementasi untuk menyimpan dan memulihkan instance EditableUserInputState di saver. Kita sekarang dapat menggunakan saver ini di rememberSaveable bukan remember dalam metode rememberEditableUserInputState yang kita buat sebelumnya // base/ file import Composable fun rememberEditableUserInputStatehint String EditableUserInputState = rememberSaveablehint, saver = { EditableUserInputStatehint, hint } Dengan penggunaan saver ini, status yang diingat EditableUserInput akan tetap ada meskipun terjadi pembuatan ulang aktivitas dan proses. Menggunakan holder status Kita akan menggunakan EditableUserInputState, bukan text dan isHint, tetapi kita tidak ingin menggunakannya sebagai status internal di CraneEditableUserInput karena tidak ada cara bagi composable pemanggil untuk mengontrol status. Sebagai gantinya, kita ingin mengangkat EditableUserInputState agar pemanggil dapat mengontrol status CraneEditableUserInput. Jika kita mengangkat statusnya, composable dapat digunakan dalam pratinjau dan diuji dengan lebih mudah karena Anda dapat memodifikasi statusnya dari pemanggil. Untuk melakukan ini, kita perlu mengubah parameter fungsi composable dan memberinya nilai default jika diperlukan. Karena kita mungkin ingin mengizinkan CraneEditableUserInput dengan petunjuk kosong, kita menambahkan argumen default Composable fun CraneEditableUserInput state EditableUserInputState = rememberEditableUserInputState"", caption String? = null, DrawableRes vectorImageId Int? = null { /* ... */ } Anda mungkin telah mengetahui bahwa parameter onInputChanged sudah tidak ada lagi. Karena status dapat diangkat, jika pemanggil ingin mengetahui apakah input berubah, mereka dapat mengontrol status dan meneruskan status tersebut ke fungsi ini. Selanjutnya, kita perlu menyesuaikan isi fungsi untuk menggunakan status yang diangkat, bukan status internal yang digunakan sebelumnya. Setelah pemfaktoran ulang, fungsinya akan terlihat seperti ini Composable fun CraneEditableUserInput state EditableUserInputState = rememberEditableUserInputState"", caption String? = null, DrawableRes vectorImageId Int? = null { CraneBaseUserInput caption = caption, tintIcon = { ! }, showCaption = { ! }, vectorImageId = vectorImageId { BasicTextField value = onValueChange = { }, textStyle = if { = } else { = }, cursorBrush = SolidColor } } Pemanggil holder status Karena kita mengubah API CraneEditableUserInput, kita perlu memeriksa di semua tempat yang dipanggil untuk memastikan kita meneruskan parameter yang sesuai. Satu-satunya tempat dalam project yang menjadi tempat kita memanggil API ini adalah dalam file home/ Buka dan arahkan ke fungsi composable ToDestinationUserInput; Anda akan melihat error build di sana. Karena petunjuk sekarang menjadi bagian dari holder status, dan kita menginginkan petunjuk khusus untuk instance CraneEditableUserInput ini dalam Komposisi, kita perlu mengingat status pada level ToDestinationUserInput dan meneruskannya ke CraneEditableUserInput // home/ file import Composable fun ToDestinationUserInputonToDestinationChanged String -> Unit { val editableUserInputState = rememberEditableUserInputStatehint = "Choose Destination" CraneEditableUserInput state = editableUserInputState, caption = "To", vectorImageId = } snapshotFlow Kode di atas tidak memiliki fungsi untuk memberi tahu pemanggil ToDestinationUserInput saat input berubah. Sehubungan dengan cara penyusunan aplikasi, kita tidak ingin mengangkat EditableUserInputState lebih tinggi dalam hierarki. Kita tidak ingin menggabungkan composable lain seperti FlySearchContent dengan status ini. Bagaimana kita dapat memanggil lambda onToDestinationChanged dari ToDestinationUserInput dan tetap mempertahankan agar composable ini dapat digunakan kembali? Kita dapat memicu efek samping menggunakan LaunchedEffect setiap kali input berubah dan memanggil lambda onToDestinationChanged // home/ file import import import import import Composable fun ToDestinationUserInputonToDestinationChanged String -> Unit { val editableUserInputState = rememberEditableUserInputStatehint = "Choose Destination" CraneEditableUserInput state = editableUserInputState, caption = "To", vectorImageId = val currentOnDestinationChanged by rememberUpdatedStateonToDestinationChanged LaunchedEffecteditableUserInputState { snapshotFlow { } .filter { ! } .collect { currentOnDestinationChanged } } } Kita sudah menggunakan LaunchedEffect dan rememberUpdatedState sebelumnya, tetapi kode di atas juga menggunakan API baru. Kita menggunakan snapshotFlow API untuk mengonversi objek State Compose ke Flow. Saat status yang dibaca di dalam snapshotFlow berubah, Flow akan memunculkan nilai baru ke kolektor. Dalam hal ini, kita mengonversi status menjadi alur untuk menggunakan dukungan operator alur. Dengan demikian, kita melakukan filter saat text teks bukanlah hint petunjuk, dan collect mengumpulkan item yang dimunculkan untuk memberi tahu induk bahwa tujuan saat ini berubah. Tidak ada perubahan visual pada langkah codelab ini, tetapi kita telah meningkatkan kualitas bagian kode ini. Jika menjalankan aplikasi sekarang, Anda akan melihat semuanya berfungsi seperti sebelumnya. 8. DisposableEffect Saat Anda mengetuk tujuan, layar detail akan terbuka dan Anda dapat melihat lokasi kota pada peta. Kode tersebut ada dalam file details/ Dalam composable CityMapView, kita memanggil fungsi rememberMapViewWithLifecycle. Jika Anda membuka fungsi ini, yang sudah tersedia dalam file details/ Anda akan melihat fungsi tersebut tidak terhubung ke siklus proses apa pun. Fungsi tersebut hanya mengingat MapView dan memanggil onCreate di dalamnya // details/ file - code in the main branch Composable fun rememberMapViewWithLifecycle MapView { val context = // TODO Codelab DisposableEffect step. Make MapView follow the lifecycle return remember { MapViewcontext.apply { id = onCreateBundle } } } Meskipun aplikasi berjalan dengan baik, ini menjadi masalah karena MapView tidak mengikuti siklus proses yang benar. Oleh karena itu, aplikasi tidak akan mengetahui kapan dipindahkan ke latar belakang, kapan View harus dijeda, dll. Ayo kita perbaiki! Karena MapView adalah View dan bukan composable, kita ingin mengikuti siklus proses Aktivitas yang digunakannya, begitu juga siklus proses Komposisi. Artinya, kita perlu membuat LifecycleEventObserver untuk memproses peristiwa siklus proses dan memanggil metode yang tepat di MapView. Kemudian, kita perlu menambahkan observer ini ke siklus proses aktivitas saat ini. Mari kita mulai dengan membuat fungsi yang menampilkan LifecycleEventObserver yang memanggil metode terkait dalam MapView jika terjadi peristiwa tertentu // details/ file import import private fun getMapLifecycleObservermapView MapView LifecycleEventObserver = LifecycleEventObserver { _, event -> when event { -> -> -> -> -> -> else -> throw IllegalStateException } } Sekarang, kita perlu menambahkan observer ini ke siklus proses saat ini, yang dapat kita gunakan dengan LifecycleOwner saat ini dengan lokal komposisi LocalLifecycleOwner. Namun, tidak cukup hanya dengan menambahkan observer; kita juga harus dapat menghapusnya. Kita memerlukan efek samping yang memberi tahu kita saat efek keluar dari Komposisi sehingga kita dapat mengeksekusi beberapa kode pembersihan. API efek samping yang kita cari adalah DisposableEffect. DisposableEffect dimaksudkan untuk efek samping yang perlu dibersihkan setelah kunci berubah atau composable keluar dari Komposisi. Kode rememberMapViewWithLifecycle akhir akan benar-benar melakukan hal tersebut. Implementasikan baris berikut dalam project Anda // details/ file import import Composable fun rememberMapViewWithLifecycle MapView { val context = val mapView = remember { MapViewcontext.apply { id = } } val lifecycle = DisposableEffectkey1 = lifecycle, key2 = mapView { // Make MapView follow the current lifecycle val lifecycleObserver = getMapLifecycleObservermapView onDispose { } } return mapView } Observer ditambahkan ke lifecycle saat ini, dan akan dihapus setiap kali siklus proses saat ini berubah atau composable ini keluar dari Komposisi. Dengan key dalam DisposableEffect, jika lifecycle atau mapView berubah, observer akan dihapus dan ditambahkan lagi ke lifecycle yang tepat. Dengan perubahan yang baru saja dibuat, MapView akan selalu mengikuti lifecycle dari LifecycleOwner saat ini dan perilakunya akan sama seperti jika digunakan di lingkup View.` Jalankan aplikasi dan buka layar detail untuk memastikan MapView masih dirender dengan benar. Tidak ada perubahan visual dalam langkah ini. 9. produceState Di bagian ini, kita akan mengoptimalkan cara layar detail dimulai. Composable DetailsScreen dalam file details/ mendapatkan cityDetails secara sinkron dari ViewModel dan memanggil DetailsContent jika hasilnya sukses. Namun, cityDetails dapat berubah jadi lebih mahal untuk dimuat pada UI thread dan dapat menggunakan coroutine untuk memindahkan pemuatan data ke thread lain. Mari kita optimalkan kode ini untuk menambahkan layar pemuatan dan menampilkan DetailsContent saat data sudah siap. Salah satu cara untuk memodelkan status layar adalah dengan class berikut yang mencakup semua kemungkinan data yang akan ditampilkan di layar serta sinyal pemuatan dan error. Tambahkan class DetailsUiState ke file // details/ file data class DetailsUiState val cityDetails ExploreModel? = null, val isLoading Boolean = false, val throwError Boolean = false Kita dapat memetakan hal yang perlu ditampilkan di layar dan UiState di lapisan ViewModel menggunakan aliran data, StateFlow dari jenis DetailsUiState, yang diperbarui ViewModel saat informasi sudah siap dan yang dikumpulkan Compose dengan collectAsStateWithLifecycle API yang sudah Anda ketahui. Namun, untuk latihan ini, kita akan mengimplementasikan sebuah alternatif. Jika ingin memindahkan logika pemetaan uiState ke lingkup Compose, kita dapat menggunakan produceState API. produceState memungkinkan Anda mengonversi status non-Compose ke State Compose. Ini akan meluncurkan coroutine yang tercakup dalam Komposisi yang dapat mendorong nilai menjadi State yang ditampilkan menggunakan properti value. Seperti halnya LaunchedEffect, produceState juga menggunakan kunci untuk membatalkan dan memulai ulang komputasi. Untuk kasus penggunaan kita, kita dapat menggunakan produceState untuk memunculkan update uiState dengan nilai awal DetailsUiStateisLoading = true seperti berikut // details/ file import Composable fun DetailsScreen onErrorLoading -> Unit, modifier Modifier = Modifier, viewModel DetailsViewModel = viewModel { val uiState by produceStateinitialValue = DetailsUiStateisLoading = true { // In a coroutine, this can call suspend functions or move // the computation to different Dispatchers val cityDetailsResult = value = if cityDetailsResult is { DetailsUiState } else { DetailsUiStatethrowError = true } } // TODO ... } Selanjutnya, kita tampilkan data, menampilkan layar pemuatan, atau melaporkan error, bergantung pada uiState. Berikut adalah kode lengkap untuk composable DetailsScreen // details/ file import import Composable fun DetailsScreen onErrorLoading -> Unit, modifier Modifier = Modifier, viewModel DetailsViewModel = viewModel { val uiState by produceStateinitialValue = DetailsUiStateisLoading = true { val cityDetailsResult = value = if cityDetailsResult is { DetailsUiState } else { DetailsUiStatethrowError = true } } when { != null -> { DetailsContent } -> { Box { CircularProgressIndicator color = modifier = } } else -> { onErrorLoading } } } Jika menjalankan aplikasi, Anda akan melihat bagaimana indikator lingkaran berputar pemuatan muncul sebelum menampilkan detail kota. 10. derivedStateOf Pengoptimalan terakhir pada Crane adalah menampilkan tombol Scroll to top setiap kali Anda men-scroll dalam daftar tujuan penerbangan setelah meneruskan elemen pertama layar. Mengetuk tombol tersebut akan membawa Anda ke elemen pertama dalam daftar. Buka file base/ yang berisi kode ini. Composable ExploreSection sesuai dengan yang Anda lihat di tampilan latar scaffold. Untuk menghitung apakah pengguna telah meneruskan item pertama, kita dapat menggunakan LazyListState LazyColumn dan memeriksa apakah > 0. Penerapan yang naif akan terlihat seperti berikut // DO NOT DO THIS - It's executed on every recomposition val showButton = > 0 Solusi ini tidak seefisien yang dimungkinkan, karena fungsi composable yang membaca showButton merekomposisi sesering perubahan firstVisibleItemIndex - yang sering terjadi saat men-scroll. Sebagai gantinya, kita ingin fungsi hanya merekomposisi ketika kondisi berubah antara true dan false. Ada API yang memungkinkan kita melakukan hal ini derivedStateOf API. listState adalah State Compose yang dapat diamati. Kalkulasi kita, showButton, juga harus berupa State Compose karena kita ingin UI merekomposisi saat nilainya berubah, dan menampilkan atau menyembunyikan tombol. Gunakan derivedStateOf saat Anda menginginkan State Compose yang berasal dari State lain. Blok kalkulasi derivedStateOf dieksekusi setiap kali status internal berubah, tetapi fungsi composable hanya merekomposisi saat hasil kalkulasi berbeda dengan yang terakhir. Ini meminimalkan frekuensi fungsi membaca rekomposisi showButton. Dalam hal ini, menggunakan derivedStateOf API adalah alternatif yang lebih baik dan lebih efisien. Kita juga menggabungkan panggilan dengan remember API, sehingga nilai yang dihitung bertahan dari rekomposisi. // Show the button if the first visible item is past // the first item. We use a remembered derived state to // minimize unnecessary recompositions val showButton by remember { derivedStateOf { > 0 } } Kode baru untuk composable ExploreSection seharusnya sudah tidak asing bagi Anda. Kita menggunakan Box untuk menempatkan Button yang ditampilkan secara bersyarat di atas ExploreList. Dan kita menggunakan rememberCoroutineScope untuk memanggil fungsi penangguhan di dalam callback onClick Button. // base/ file import import import import import import import Composable fun ExploreSection modifier Modifier = Modifier, title String, exploreList List, onItemClicked OnExploreItemClicked { Surfacemodifier = color = shape = BottomSheetShape { Columnmodifier = = top = end = { Text text = title, style = = crane_caption Spacer Box { val listState = rememberLazyListState ExploreListexploreList, onItemClicked, listState = listState // Show the button if the first visible item is past // the first item. We use a remembered derived state to // minimize unnecessary compositions val showButton by remember { derivedStateOf { > 0 } } if showButton { val coroutineScope = rememberCoroutineScope FloatingActionButton backgroundColor = modifier = Modifier .align .navigationBarsPadding .paddingbottom = onClick = { { } } { Text"Up!" } } } } } } Jika menjalankan aplikasi, Anda akan melihat tombol muncul di bagian bawah setelah men-scroll dan meneruskan elemen pertama layar. 11. Selamat! Selamat, Anda berhasil menyelesaikan codelab ini dan mempelajari konsep lanjutan API status dan efek samping dalam aplikasi Jetpack Compose. Anda telah mempelajari cara membuat holder status, API efek samping seperti LaunchedEffect, rememberUpdatedState, DisposableEffect, produceState, dan derivedStateOf, serta cara menggunakan coroutine di Jetpack Compose. Apa selanjutnya? Lihat codelab lainnya di pembelajaran Compose, dan contoh kode lainnya, termasuk Crane. Dokumentasi Untuk mendapatkan informasi selengkapnya dan panduan tentang topik ini, lihat dokumentasi berikut Status dan Jetpack Compose Siklus proses composable Efek samping di Compose Compose dan library lainnya Merancang Compose UI Anda Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya. FAQ Azerion Connect Kunjungi tautan ini Setelah kamu login di sana, klik “Aplikasi.” Lalu, klik di aplikasi dan kredensial akan dihapus. Harap perhatikan proses ini tidak bisa dibatalkan. Kembali ke ikhtisar Komentar Tidak menemukan yang kamu cari? Cobalah cari yang lain atau hubungi kami di sini.

efek menghapus kredensial di android