1 00:00:02,310 --> 00:00:05,400 Nehmen wir an, wir möchten ein Bild aus 2 00:00:05,400 --> 00:00:12,950 dem Internet verwenden. Dazu können Sie einfach eines hier auswählen. Ich mache das mit der Google-Bildsuche. Sagen wir dieses und wir 3 00:00:12,950 --> 00:00:16,640 möchten dieses Bild in unserem Spiel über dem Bildschirm verwenden. 4 00:00:16,670 --> 00:00:20,870 Früher verwenden wir diese erforderliche Syntax, um ein lokales Image zu laden. Jetzt 5 00:00:20,870 --> 00:00:23,650 ist diese Syntax nicht mehr die richtige. 6 00:00:23,650 --> 00:00:26,900 Also dupliziere ich diese Zeile und kommentiere sie für 7 00:00:26,900 --> 00:00:35,900 ein Webbild aus. Stattdessen übergeben Sie ein Objekt an die Quelle und an dieses Objekt übergeben Sie eine URI-Requisite, und diese URI-Requisite enthält eine 8 00:00:35,900 --> 00:00:39,080 Zeichenfolge, die Ihre Verknüpfung zum Bild darstellt. 9 00:00:39,080 --> 00:00:45,080 Ihr Link zum Bild wird also an die URI-Requisite in diesem Objekt übergeben, das Sie an die Quelle übergeben haben. 10 00:00:45,080 --> 00:00:50,480 Wenn Sie dies tun, wird das Bild aus dem Web geladen, aber es gibt eine wichtige Sache, die Sie wissen müssen. 11 00:00:51,170 --> 00:00:52,430 Für das 12 00:00:52,430 --> 00:00:54,230 lokal geladene Bild habe ich 13 00:00:54,260 --> 00:01:00,250 erwähnt, dass React Native seine Breite und Höhe bestimmen kann und dies als Standard verwendet. 14 00:01:00,410 --> 00:01:06,320 Daher müssen Sie für ein lokal geladenes Bild keine Breite und Höhe für das Bild festlegen. Wir tun dies hier, da wir die 15 00:01:06,350 --> 00:01:10,120 Standardbreite und -höhe überschreiben möchten. Wenn Sie jedoch ein Bild hatten, das bereits die perfekte 16 00:01:10,250 --> 00:01:15,380 Größe hat, Sie müssten nicht Breite und Höhe einstellen. Bei Bildern aus dem Web kann React Native 17 00:01:15,380 --> 00:01:16,790 die Breite und Höhe 18 00:01:16,790 --> 00:01:22,130 des Bildes vor dem Laden nicht bestimmen, da es nicht Teil der App ist, aus dem Web stammt, 19 00:01:22,130 --> 00:01:24,290 von React Native heruntergeladen wird und eine 20 00:01:24,320 --> 00:01:30,110 Art Überraschung darstellt die Breite und die Höhe ist. Daher müssen Sie für Netzwerkbilder, also 21 00:01:30,110 --> 00:01:32,140 für Bilder, die 22 00:01:32,150 --> 00:01:38,810 Sie mit einem Link abrufen, immer eine Breite und Höhe für das Bildobjekt 23 00:01:38,840 --> 00:01:43,840 festlegen, hier für die Bildkomponente. Für lokale Bilder, die mit require hinzugefügt 24 00:01:43,880 --> 00:01:48,040 wurden, können Sie dies tun, während wir es tun, um es zu überschreiben, aber 25 00:01:48,110 --> 00:01:51,020 Sie müssen es nicht, das ist eine wichtige Unterscheidung. 26 00:01:51,060 --> 00:01:58,230 Jetzt haben Sie vielleicht auch gesehen, dass bei Webbildern das geladene Bild tatsächlich eingeblendet wurde, als es zum ersten Mal geladen 27 00:01:58,230 --> 00:02:03,100 wurde, und das ist ein netter Werkseffekt, den React Native automatisch für Netzwerkbilder hinzufügt. 28 00:02:03,310 --> 00:02:09,330 Das Bild wird heruntergeladen, und während Sie auf den Abschluss des Downloads warten, wird im Grunde nichts angezeigt. Das Bild 29 00:02:09,330 --> 00:02:14,880 kann noch nicht angezeigt werden. Wenn das Bild geladen wird, wird es nicht nur dort eingefügt, sondern langsam 30 00:02:14,910 --> 00:02:18,940 blendet es ein, was ein schöner Übergang für das geladene Bild ist. 31 00:02:18,990 --> 00:02:24,340 Das ist ein schöner Effekt, und Sie können dies auch mit der Überblendungsdauer steuern. Sie können dies 32 00:02:24,360 --> 00:02:27,390 auf eine Zahl einstellen und der Standardwert ist 300, 33 00:02:27,390 --> 00:02:33,360 das wären 300 ms, aber Sie können dies auf einen anderen Millisekundenwert einstellen, z. B. 1000 ms, was eine 34 00:02:33,360 --> 00:02:39,450 Sekunde für wäre das Bild zu verblassen und so weiter. Nach dem ersten Laden wird das Bild zwischengespeichert, 35 00:02:39,450 --> 00:02:44,610 und daher erfolgte die spätere Verwendung desselben Bildes ziemlich sofort, da es bereits 36 00:02:44,610 --> 00:02:45,760 heruntergeladen wurde. 37 00:02:45,780 --> 00:02:49,320 So verwenden Sie Netzwerk-Images und beachten Sie diese.