1
00:00:02,310 --> 00:00:05,400
Katakanlah kita ingin menggunakan gambar dari web

2
00:00:05,400 --> 00:00:12,950
dan untuk itu, Anda dapat memilih satu di sini, saya akan melakukannya dengan pencarian gambar Google, katakanlah ini dan

3
00:00:12,950 --> 00:00:16,640
kami ingin menggunakan gambar itu di permainan kami di layar.

4
00:00:16,670 --> 00:00:20,870
Sekarang sebelumnya, kami menggunakan ini memerlukan sintaks untuk memuat gambar lokal, sekarang sintaks

5
00:00:20,870 --> 00:00:23,650
ini tidak akan lagi menjadi yang benar.

6
00:00:23,650 --> 00:00:26,900
Jadi saya akan menduplikasi baris ini dan berkomentar,

7
00:00:26,900 --> 00:00:35,900
untuk gambar web, alih-alih Anda meneruskan objek ke sumber dan pada objek itu, Anda melewati alat URI dan alat URI memegang

8
00:00:35,900 --> 00:00:39,080
string yang merupakan tautan Anda ke gambar.

9
00:00:39,080 --> 00:00:45,080
Jadi tautan Anda ke gambar diteruskan ke penyangga URI pada objek yang Anda berikan sumbernya.

10
00:00:45,080 --> 00:00:50,480
Sekarang jika Anda melakukannya, ini memuat gambar dari web tetapi ada satu hal penting yang harus Anda ketahui.

11
00:00:51,170 --> 00:00:52,430
Untuk gambar

12
00:00:52,430 --> 00:00:54,230
yang dimuat secara lokal,

13
00:00:54,260 --> 00:01:00,250
saya menyebutkan bahwa React Native dapat menentukan lebar dan tinggi dan menggunakannya sebagai default.

14
00:01:00,410 --> 00:01:06,320
Oleh karena itu untuk gambar yang dimuat secara lokal, Anda tidak harus menetapkan lebar dan tinggi pada gambar, kami melakukannya di sini karena

15
00:01:06,350 --> 00:01:10,120
kami ingin menimpa lebar dan tinggi standar tetapi jika Anda memiliki gambar yang sudah

16
00:01:10,250 --> 00:01:15,380
berukuran sempurna, Anda tidak perlu mengatur lebar dan tinggi. Untuk gambar dari web, React Native tidak

17
00:01:15,380 --> 00:01:16,790
dapat menentukan lebar

18
00:01:16,790 --> 00:01:22,130
dan tinggi gambar sebelum dimuat karena itu bukan bagian dari aplikasi, itu berasal dari

19
00:01:22,130 --> 00:01:24,290
web, React Native mengunduhnya dan

20
00:01:24,320 --> 00:01:30,110
itu agak mengejutkan mengenai apa lebar dan tingginya. Karena itu untuk gambar jaringan, jadi

21
00:01:30,110 --> 00:01:32,140
untuk gambar yang

22
00:01:32,150 --> 00:01:38,810
Anda ambil dengan tautan, Anda harus selalu menetapkan lebar dan tinggi pada objek gambar,

23
00:01:38,840 --> 00:01:43,840
pada komponen gambar di sini. Untuk gambar lokal yang ditambahkan dengan

24
00:01:43,880 --> 00:01:48,040
persyaratan, Anda dapat melakukannya karena kami melakukannya untuk menimpanya, tetapi Anda

25
00:01:48,110 --> 00:01:51,020
tidak harus melakukannya, itu perbedaan yang penting.

26
00:01:51,060 --> 00:01:58,230
Sekarang Anda mungkin juga telah melihat bahwa untuk gambar web, gambar yang dimuat sebenarnya memudar ketika dimuat untuk pertama kalinya dan

27
00:01:58,230 --> 00:02:03,100
itu adalah efek pabrik yang bagus React Native menambahkan secara otomatis untuk gambar jaringan.

28
00:02:03,310 --> 00:02:09,330
Ini mengunduh gambar itu dan sementara Anda menunggu pengunduhan selesai, pada dasarnya tidak menunjukkan apa-apa, ia belum bisa

29
00:02:09,330 --> 00:02:14,880
menampilkan gambar itu tetapi ketika gambar dimuat, itu tidak hanya muncul di sana tetapi sebaliknya, perlahan-lahan

30
00:02:14,910 --> 00:02:18,940
memudarnya yang merupakan transisi yang lebih baik untuk gambar yang dimuat.

31
00:02:18,990 --> 00:02:24,340
Itu efek yang bagus dan Anda juga dapat mengontrol ini dengan durasi pudar, Anda dapat mengatur

32
00:02:24,360 --> 00:02:27,390
ini ke angka dan default adalah 300, itu

33
00:02:27,390 --> 00:02:33,360
akan menjadi 300 ms tetapi Anda dapat mengatur ini ke nilai milidetik yang berbeda, seperti 1000 ms yang

34
00:02:33,360 --> 00:02:39,450
akan menjadi satu detik untuk gambar memudar dan sebagainya. Setelah pemuatan pertama, gambar di-cache dan oleh

35
00:02:39,450 --> 00:02:44,610
karena itu penggunaan selanjutnya dari gambar yang sama terjadi cukup instan karena

36
00:02:44,610 --> 00:02:45,760
sudah diunduh.

37
00:02:45,780 --> 00:02:49,320
Jadi itulah cara menggunakan gambar jaringan dan apa yang harus diperhatikan tentang itu.