Jadi itulah aplikasi kami di sini.
Sekarang di aplikasi ini, kami menambahkan banyak fungsi tetapi ada satu hal lagi yang ingin
saya tambahkan dan itu menarik untuk menyegarkan.
Katakanlah saya pergi untuk dapat mengambil semua produk dari dalam halaman ini,
jadi tanpa meninggalkannya dan kembali yang akan mengambil produk-produk terbaru tetapi
dari dalam halaman ini dengan hanya menggunakan tarikan ini untuk menyegarkan pola di mana Anda menyeret
ke bawah dan kemudian memuat ulang. Untungnya itu sangat mudah dilakukan di Bereaksi Asli jika
Anda menggunakan daftar datar atau tampilan gulir karena itu dibangun ke dalam komponen ini. Di sini, di layar ikhtisar produk pada daftar datar,
Anda dapat menerapkannya hanya dengan menambahkan alat peraga ke daftar datar. Prop pertama pada refresh, Anda perlu menambahkan dan
ini harus menunjuk pada
fungsi yang dieksekusi ketika pengguna menarik ke bawah, jadi ketika pengguna memulai tarik ini untuk
menyegarkan iklan tindakan di sini di layar
ikhtisar produk, tentu saja kita dapat dengan mudah arahkan pada memuat produk karena
pada akhirnya fungsi yang memuat
produk kami, jadi ini sempurna.
Jadi di sini kita bisa menunjuk ke produk beban. Sekarang dengan menambahkan ini, kita secara otomatis mendapatkan fungsi ini tetapi
di sini kita juga mendapatkan kesalahan, bahwa penyegaran penyegaran harus diatur karena itulah hal lain
yang selalu harus Anda atur saat Anda menambahkan penyegaran. Menyetel pada penyegaran secara otomatis membuka semua perilaku ini
dan juga
pemintal bagus yang Anda dapatkan secara default, React Native akan melakukan semua itu untuk Anda,
tetapi itu hanya berlaku jika Anda juga menambahkan alat penyegaran. Penyegaran diperlukan untuk memberi tahu Bereaksi Asli ketika Anda selesai dan
karena itu harus menunjuk pada variabel, pada variabel stateful, jadi pada beberapa keadaan yang menunjukkan apakah Anda sedang memuat
atau tidak dan tentu saja
itu hebat karena kami memiliki prop isLoading kami di sini, sehingga memberi
tahu kami apakah kami memuat atau tidak. Kami hanya akan memiliki satu
masalah, jika kami memuat, saya mengganti seluruh konten layar dan itu
tentu saja bukan yang ingin saya lakukan untuk memuat ulang. Jadi kita akan memperbaikinya dan perbaikan sederhana bisa jadi kita menghapus set isLoading
bagian di sini dari memuat produk, baik mengaturnya ke true dan ke false dan sebaliknya melakukan itu hanya untuk beban awal di
sini dalam efek penggunaan di mana kita memicu produk beban ketika komponen dimuat dan kemudian di sini, menggunakan sintaks
ini lalu, atur ini ke false setelah kita selesai. Kita dapat melakukan itu karena memuat produk akan memberikan
janji karena memiliki kata kunci async ini, oleh karena itu ia mengembalikan janji dan dengan itu, kita mendapatkan pemintal pemuatan
saat ini awalnya dimuat tetapi tidak ketika dimuat ulang dan itu
juga berarti bahwa ketika kita mengunjungi ini Halaman, kami tidak melihat pemintal tapi itu mungkin baik-baik saja.
Kami memiliki beberapa konten di sana
dan jika itu kemudian diperbarui setelah mengunjungi halaman ini, itu mungkin baik-baik saja. Jadi sekarang kita tidak sedang mengatur sedang memuat di sini
tapi sekarang kita dapat mengatur keadaan yang berbeda di sini,
sebut saja isRefreshing mungkin dan set isRefreshing. Di sini saya ingin
mengelola keadaan yang awalnya salah, seperti isLoading dan
sekarang
yang ingin saya atur di sini, jadi set menyegarkan ke true di sini dan juga di sini setelah mencoba
menangkap, setel ke false setelah Anda selesai. Jadi tentu saja, ini bekerja dengan cara yang sama seperti isLoading tapi sekarang
saya tidak akan menggunakan isRefreshing untuk mengganti seluruh konten layar tetapi sebaliknyaRefreshing sekarang dapat dimasukkan kembali ke dalam daftar datar pada
prop penyegaran ini dan karenanya pada beban awal, ini berfungsi seperti sebelumnya tetapi sekarang di sini, kami mendapatkan fungsi Tarik
ke Segarkan yang menyenangkan ini, Anda melihatnya di sini. Saya dapat menarik ke bawah, mendapatkan pemintal itu dan ini akan secara otomatis dimuat ulang
dan saya dapat membuktikan ini dengan mengedit ini di server ini. Jika saya menambahkan lapisan tambahan atau beberapa
tanda seru tambahan di sana, kita bisa mendapatkan tanda seru itu dengan menarik dan menyegarkan, di sini Anda melihat hal itu
dan hal yang sama tentu saja di Android. Di sana Anda juga mendapatkan fungsionalitas di
luar kotak dan ini adalah betapa mudahnya Anda dapat menambahkan fungsionalitas Tarik ke Segarkan ke aplikasi Bereaksi Asli Anda.