Katakanlah kita ingin menggunakan gambar dari web
dan untuk itu, Anda dapat memilih satu di sini, saya akan melakukannya dengan pencarian gambar Google, katakanlah ini dan
kami ingin menggunakan gambar itu di permainan kami di layar.
Sekarang sebelumnya, kami menggunakan ini memerlukan sintaks untuk memuat gambar lokal, sekarang sintaks
ini tidak akan lagi menjadi yang benar.
Jadi saya akan menduplikasi baris ini dan berkomentar,
untuk gambar web, alih-alih Anda meneruskan objek ke sumber dan pada objek itu, Anda melewati alat URI dan alat URI memegang
string yang merupakan tautan Anda ke gambar.
Jadi tautan Anda ke gambar diteruskan ke penyangga URI pada objek yang Anda berikan sumbernya.
Sekarang jika Anda melakukannya, ini memuat gambar dari web tetapi ada satu hal penting yang harus Anda ketahui.
Untuk gambar
yang dimuat secara lokal,
saya menyebutkan bahwa React Native dapat menentukan lebar dan tinggi dan menggunakannya sebagai default.
Oleh karena itu untuk gambar yang dimuat secara lokal, Anda tidak harus menetapkan lebar dan tinggi pada gambar, kami melakukannya di sini karena
kami ingin menimpa lebar dan tinggi standar tetapi jika Anda memiliki gambar yang sudah
berukuran sempurna, Anda tidak perlu mengatur lebar dan tinggi. Untuk gambar dari web, React Native tidak
dapat menentukan lebar
dan tinggi gambar sebelum dimuat karena itu bukan bagian dari aplikasi, itu berasal dari
web, React Native mengunduhnya dan
itu agak mengejutkan mengenai apa lebar dan tingginya. Karena itu untuk gambar jaringan, jadi
untuk gambar yang
Anda ambil dengan tautan, Anda harus selalu menetapkan lebar dan tinggi pada objek gambar,
pada komponen gambar di sini. Untuk gambar lokal yang ditambahkan dengan
persyaratan, Anda dapat melakukannya karena kami melakukannya untuk menimpanya, tetapi Anda
tidak harus melakukannya, itu perbedaan yang penting.
Sekarang Anda mungkin juga telah melihat bahwa untuk gambar web, gambar yang dimuat sebenarnya memudar ketika dimuat untuk pertama kalinya dan
itu adalah efek pabrik yang bagus React Native menambahkan secara otomatis untuk gambar jaringan.
Ini mengunduh gambar itu dan sementara Anda menunggu pengunduhan selesai, pada dasarnya tidak menunjukkan apa-apa, ia belum bisa
menampilkan gambar itu tetapi ketika gambar dimuat, itu tidak hanya muncul di sana tetapi sebaliknya, perlahan-lahan
memudarnya yang merupakan transisi yang lebih baik untuk gambar yang dimuat.
Itu efek yang bagus dan Anda juga dapat mengontrol ini dengan durasi pudar, Anda dapat mengatur
ini ke angka dan default adalah 300, itu
akan menjadi 300 ms tetapi Anda dapat mengatur ini ke nilai milidetik yang berbeda, seperti 1000 ms yang
akan menjadi satu detik untuk gambar memudar dan sebagainya. Setelah pemuatan pertama, gambar di-cache dan oleh
karena itu penggunaan selanjutnya dari gambar yang sama terjadi cukup instan karena
sudah diunduh.
Jadi itulah cara menggunakan gambar jaringan dan apa yang harus diperhatikan tentang itu.