Sekarang untuk keluar.
Kami membutuhkan tindakan baru, yang dapat kami kirimkan.
Jadi di file tidak aktif, di folder tindakan.
Saya akan menambahkan pembuat tindakan baru.
Apakah penting di mana Anda menambahkan saya menambahkan di sana dan saya ekspor dan beri nama logout, yang terdengar seperti nama yang
cocok untuk saya.
Saya tidak berharap ada argumen di sana.
Dan saya perlu pengidentifikasi tindakan untuk keluar.
Jadi di sini kita dapat mengekspor.
Konser keluar dengan string logout.
Dan sekarang kamu berdiri di sana.
Dan dalam pembuat tindakan ini, yang merupakan pembuat tindakan normal di mana saya tidak perlu
mengirim permintaan HTP atau semacamnya, saya hanya mengirim tindakan logout-nya Yende di mana saya membuat objek tindakan logout
ini.
Sekarang kita bisa menggunakan ayah.
Dan saya ingin bisa keluar dengan bantuan situs, menggambar di situs, menggambar.
Saya ingin memiliki tombol logout ini.
Itu berarti bahwa kita perlu melakukan sesuatu yang belum pernah kita lakukan sebelumnya.
Kita perlu menambahkan tombol baru untuk memutuskan undian.
Sejauh ini, kami hanya menambahkan tombol yang dibuat secara otomatis.
Tetapi menambahkan konten Anda sendiri tidak terlalu sulit untuk ayah.
Mari kita buka file Shop Navigator tempat kita mengatur laci.
Ini dia.
Dan kemudian di sini, selain opsi konten saya.
Anda juga dapat menambahkan komponen konten di sini.
Ini memungkinkan Anda untuk menambahkan konten Anda sendiri untuk penentuan atau bukan konten default.
Sekarang ini mengambil fungsi yang menerima alat peraga karena pada akhirnya, ini adalah komponen reaksi, yang Anda tambahkan
di sini.
Jadi mendapat alat peraga dan pengembalian pajak, saya J. S. X, dan mereka harus memastikan bahwa Anda mengimpor
reaksi dari reaksi.
Dan kita semua perlu beberapa impor lainnya.
Kita juga perlu mengimpor sesuatu dari reaksi asli.
Dan itu harus menjadi tampilan area aman.
Dan saya juga ingin mengimpor tombol dari REAC asli.
Selain itu, dari REACT Navigation, kita perlu mengimpor item laci.
Dan juga sangat asli lagi.
Saya juga perlu melihat.
Dengan itu diimpor, mari kita pergi ke komponen konten yang baru ditambahkan.
Dan di sini kita sekarang dapat mengembalikan tampilan dengan gaya yang fleksibel.
Anda tentu saja dapat menambahkan style sheet.
Saya hanya akan menambahkan styling inline.
Dan omong-omong, komponen ini, tentu saja, juga bisa berada di file yang terpisah.
Itu tidak harus dibuat dengan cepat di musim gugur ini.
Sekarang, dalam tampilan ini, saya ingin memiliki tampilan area aman dan pastikan Anda menambahkan force inset sama
dengan top selalu.
Horisontal.
Tidak pernah, dan ini hanya mengontrol bagaimana itu diletakkan.
Dan dalam tampilan area aman itu.
Anda sekarang harus menambahkan untuk menggambar item, alat peraga lulus penting untuk mereka, karena ini adalah item laci
default yang dirender.
Dan itu harus tetap demikian.
Dan agar mereka dapat dikonfigurasikan dengan benar, Anda harus melewati alat peraga, yang pada akhirnya berlalu dan dengan
bereaksi navigasi dan menahan semua kontak menggambar Anda dan seterusnya.
Dan sekarang Anda dapat menambahkan item undian ekstra Anda sendiri di sini.
Dan akan ada tombol ini, tombol bawaan bereaksi asli di mana saya mengatakan logout.
Di mana saya ingin menambahkan warna, katakanlah, warna, dot primer dan pakai di tekan.
Saya sekarang ingin mengirimkan tindakan logout ini.
Dan sekarang kita akan memiliki masalah besar di sini.
Bagaimana kami bisa mengirim kami dari sini?
Sekarang, pertama-tama, jika Anda menyimpan ini, Anda harus melihat ini.
Jadi di sini, jika Anda memperluas undian, inilah tombol logout.
Baik.
Jadi ini berhasil.
Dan, tentu saja, Anda dapat bergaya dan diposisikan sebagai siapa pun yang Anda inginkan.
Omong-omong, periksa saja.
Kita juga bisa melihat ini di Android jika kita login di sana.
Di sini, di laci, kita semua melakukannya setelah keluar.
Tombol.
Ngomong-ngomong, kita mungkin ingin menambahkan sedikit lebih banyak bantalan di bagian atas.
Tapi bagaimana kita bisa mengirim semuanya?
Dan saya akan menambahkan beberapa padding tambahan di sini.
20
Karena tampilan area aman saya berfungsi, tetapi hampir tidak menyisakan jarak lebih dari yang saya butuhkan.
Jadi untuk mendapatkan jarak ekstra, sedikit bantalan tidak ada salahnya.
Saya pikir itu lebih baik.
Tetapi sekali lagi, bagaimana kita sekarang dapat memastikan bahwa kita dapat mengirim tindakan di sini?
Nah, ini komponen reaksi, kan?
Jadi pada akhirnya, kita cukup menggunakan pengiriman di sini.
Jadi kita bisa mengimpor.
Gunakan pengiriman di sini.
Dari Bereaksi redux.
Jadi apa yang kami lakukan sebelumnya dan menggunakannya di sini, karena Anda dapat menggunakan pengait ini di komponen apa pun dan
ini hanya komponen.
Jadi setiap tahun sebelum kita kembali adalah X.
Saya bisa mendapatkan akses ke fungsi pengiriman saya dengan menggunakan pengiriman dan miliki untuk sekarang di sini ketika kita
menekan tombol ini, kita bisa memanggil pengiriman dan mengirimkan tindakan tidak aktif kami untuk ayah.
Tentu saja, Anda hanya perlu memastikan bahwa Anda mengimpornya.
Jadi impor semua tindakan dari folder toko, folder tindakan lakukan semua file dan sekarang gunakan semua tindakan untuk
membuat tindakan mati di sini.
Semua tindakan tersimpan.
Keluar.
Logout seperti ini.
Dan ini harus dikirim ke tindakan logout.
Selain itu, saya juga ingin menavigasi sehingga kita semua bisa disebut alat peraga navigasi titik navigasi.
Itu akan tersedia di sini dan kembali ke layar mati di sini.
Jadi pada dasarnya untuk ini dari layar di sini dan navigator beralih.
Undian kami adalah bagian dari Navigator Toko.
Jadi kita juga bisa pergi ke layar mati dari sana.
Sekarang, ketika kami mengirim logout, saya ingin memastikan bahwa dalam peredam kami juga melakukan sesuatu.
Kami memiliki pembuat tindakan logout kami di sini.
Jadi dalam peredam dan Anda menawarkan pengguna ingin kasing baru untuk kasing.
Dan untuk ayah, Anda harus memastikan Anda mengimpor pengidentifikasi logout.
Dan tentu saja, ini sangat sederhana.
Saya mengembalikan keadaan awal saya, yang pada akhirnya berarti bahwa token di-reset dan pengguna I. D. diatur ulang.
Dan sekarang mari kita coba ini.
Jika saya kembali ke sini dan sekarang saya klik keluar, saya kembali pada layar mati, jadi itu berfungsi.
Mari kita coba juga di Android.
Klik Log Out di sini, kami kembali.
Jadi ini berhasil.
Kita hampir sampai di sana dengan itu.
Tetapi kita juga harus dikunci secara otomatis jika tokennya kadaluarsa karena tanggal kadaluwarsa.
Dan saat ini, kami tidak memiliki kedaluwarsa otomatis.