1 00:00:02,310 --> 00:00:05,400 Diciamo che vogliamo usare un'immagine dal web 2 00:00:05,400 --> 00:00:12,950 e per questo, puoi semplicemente sceglierne una qui, lo farò con la ricerca di immagini di Google, diciamo questa 3 00:00:12,950 --> 00:00:16,640 e vogliamo usare quell'immagine sul nostro gioco sullo schermo. 4 00:00:16,670 --> 00:00:20,870 Ora prima, usiamo questo richiede la sintassi per caricare un'immagine locale, ora 5 00:00:20,870 --> 00:00:23,650 questa sintassi non sarà più quella giusta. 6 00:00:23,650 --> 00:00:26,900 Quindi duplicherò questa riga e la commenterò, per 7 00:00:26,900 --> 00:00:35,900 un'immagine web, invece passi un oggetto al sorgente e su quell'oggetto, passi un puntello URI e quel puntello URI contiene una 8 00:00:35,900 --> 00:00:39,080 stringa che è il tuo link all'immagine. 9 00:00:39,080 --> 00:00:45,080 Quindi il tuo collegamento all'immagine viene passato all'elica URI in questo oggetto che hai passato alla fonte. 10 00:00:45,080 --> 00:00:50,480 Ora, se lo fai, questo carica l'immagine dal web ma c'è una cosa importante che devi sapere. 11 00:00:51,170 --> 00:00:52,430 Per l'immagine che 12 00:00:52,430 --> 00:00:54,230 è stata caricata localmente, ho 13 00:00:54,260 --> 00:01:00,250 detto che React Native è in grado di determinarne la larghezza e l'altezza e lo utilizza come predefinito. 14 00:01:00,410 --> 00:01:06,320 Pertanto, per un'immagine caricata localmente, non è necessario impostare una larghezza e un'altezza sull'immagine, lo stiamo facendo qui perché vogliamo 15 00:01:06,350 --> 00:01:10,120 sovrascrivere la larghezza e l'altezza predefinite, ma se avessi un'immagine che è già 16 00:01:10,250 --> 00:01:15,380 perfettamente dimensionata, non dovresti impostare larghezza e altezza. Per le immagini dal web, React Native non è 17 00:01:15,380 --> 00:01:16,790 in grado di determinare 18 00:01:16,790 --> 00:01:22,130 la larghezza e l'altezza dell'immagine prima che venga caricata perché non fa parte dell'app, proviene da un web, React 19 00:01:22,130 --> 00:01:24,290 Native la scarica e rappresenta una sorpresa 20 00:01:24,320 --> 00:01:30,110 per quanto riguarda ciò che la larghezza e l'altezza è. Pertanto, per le immagini di rete, 21 00:01:30,110 --> 00:01:32,140 quindi per le immagini 22 00:01:32,150 --> 00:01:38,810 che stai recuperando con un link, devi sempre impostare una larghezza e un'altezza sull'oggetto 23 00:01:38,840 --> 00:01:43,840 immagine, sul componente immagine qui. Per le immagini locali aggiunte con 24 00:01:43,880 --> 00:01:48,040 il requisito, puoi farlo mentre lo facciamo per sovrascriverlo ma non 25 00:01:48,110 --> 00:01:51,020 è necessario, questa è una differenziazione importante. 26 00:01:51,060 --> 00:01:58,230 Ora potresti anche aver visto che per le immagini web, l'immagine caricata si è effettivamente sbiadita quando è stata caricata per la prima volta e 27 00:01:58,230 --> 00:02:03,100 questo è un bell'effetto di fabbrica che React Native aggiunge automaticamente per le immagini di rete. 28 00:02:03,310 --> 00:02:09,330 Scarica quell'immagine e mentre stai aspettando il completamento del download, praticamente non mostra nulla, non può 29 00:02:09,330 --> 00:02:14,880 ancora mostrare l'immagine ma quando l'immagine viene caricata, non solo la inserisce lì ma invece, 30 00:02:14,910 --> 00:02:18,940 lentamente la dissolve in una transizione migliore per quell'immagine caricata. 31 00:02:18,990 --> 00:02:24,340 Questo è un buon effetto e puoi anche controllarlo con la durata della dissolvenza, puoi impostarlo 32 00:02:24,360 --> 00:02:27,390 su un numero e il valore predefinito è 33 00:02:27,390 --> 00:02:33,360 300, che sarebbe 300 ms ma puoi impostarlo su un valore di millisecondi diverso, come 1000 ms che 34 00:02:33,360 --> 00:02:39,450 sarebbe un secondo per l'immagine da sbiadire e così via. Dopo il primo caricamento, l'immagine viene memorizzata nella 35 00:02:39,450 --> 00:02:44,610 cache e quindi gli utilizzi successivi della stessa immagine sono avvenuti praticamente all'istante perché erano 36 00:02:44,610 --> 00:02:45,760 già stati scaricati. 37 00:02:45,780 --> 00:02:49,320 Ecco come utilizzare le immagini di rete e cosa essere consapevoli di queste.