1
00:00:02,190 --> 00:00:09,150
Nun zum Fallback hier auf dem Favoritenbildschirm und es ist uns natürlich wichtig, ob

2
00:00:09,150 --> 00:00:15,570
wir Favoriten haben oder nicht. Daher können wir hier auf sehr einfache Weise einen Fallback rendern,

3
00:00:15,570 --> 00:00:22,620
indem wir die Essensliste nicht rendern, wenn Lieblingsgerichte, wenn dieses Array leer ist. Alles, was wir hier in der bevorzugten Bildschirmkomponente

4
00:00:22,620 --> 00:00:27,900
tun müssen, ist zu überprüfen, ob die Länge der Lieblingsgerichte gleich Null ist.

5
00:00:27,900 --> 00:00:33,060
Nehmen wir an, wir haben keine Lieblingsgerichte oder das kann in dieser App

6
00:00:33,060 --> 00:00:38,610
nicht wirklich passieren, aber wenn aus irgendeinem Grund die Lieblingsgerichte Mahlzeiten sind falsch, was

7
00:00:38,610 --> 00:00:40,190
hier überprüft wird.

8
00:00:40,500 --> 00:00:45,780
Wenn sie nicht festgelegt sind und eines dieser beiden Dinge zutrifft, werde ich

9
00:00:45,780 --> 00:00:55,510
meine Essensliste nicht zurückgeben, sondern eine Ansicht mit einem Text, in dem ich keine Lieblingsgerichte sage gefunden, fangen Sie an, einige hinzuzufügen, und jetzt

10
00:00:55,790 --> 00:01:03,500
lassen Sie uns tatsächlich über das Gehäuse hier klar sein. Das ist also der Text, den ich als Fallback rendern könnte.

11
00:01:03,510 --> 00:01:07,610
Jetzt wichtig, da ich Ansicht und Text verwende, müssen wir dies importieren,

12
00:01:07,680 --> 00:01:12,140
daher sollten Ansicht und Text von React Native hier importiert werden, andernfalls wird eine

13
00:01:12,150 --> 00:01:20,490
Fehlermeldung angezeigt, und jetzt können wir hier einige Stile mit beispielsweise Stilen hinzufügen. Inhalt oder wie auch immer Sie ihn benennen möchten, importieren Sie

14
00:01:23,930 --> 00:01:29,450
daher ein Stylesheet aus React Native und fügen Sie hier direkt vor dem Exportieren von

15
00:01:29,510 --> 00:01:35,230
Stylesheets mit Stylesheet ein Stylesheet hinzu. Erstellen Sie dort und fügen

16
00:01:35,240 --> 00:01:44,510
Sie dort diesen Inhaltsschlüssel hinzu, auf den wir uns mit Flex One beziehen, und richten Sie dann wie zuvor das

17
00:01:44,540 --> 00:01:52,490
Inhaltscenter aus und richten Sie das Elementcenter aus, um den gesamten Inhalt vertikal und horizontal zu zentrieren.

18
00:01:52,490 --> 00:01:58,300
Dies ist also die Content-Style-Eigenschaft, die ich auf diese Ansicht anwende, und damit

19
00:01:58,340 --> 00:02:00,200
zeigen wir diesen Text.

20
00:02:00,230 --> 00:02:05,180
Anstatt Text zu verwenden, könnten wir jetzt natürlich auch unseren Standardtext verwenden,

21
00:02:05,180 --> 00:02:12,470
da ich darüber nachdenke. Dafür haben wir ihn, den Standardtext, der unsere Schriftart aus dem Standardtext der

22
00:02:12,710 --> 00:02:13,780
Komponenten verwendet.

23
00:02:14,330 --> 00:02:19,730
Verwenden wir hier also Standardtext anstelle der integrierten Textkomponente, um unsere Standardschriftart zu erhalten.

24
00:02:19,730 --> 00:02:24,170
Wenn wir dies jetzt speichern, haben wir diesen Text hier, wir

25
00:02:24,170 --> 00:02:25,730
haben keine Favoriten.

26
00:02:25,910 --> 00:02:28,180
Sobald wir anfangen, einige hinzuzufügen.

27
00:02:28,250 --> 00:02:34,790
Wenn wir diese beiden Elemente hier beispielsweise als Favoriten hinzufügen, werden diese natürlich angezeigt. Nur wenn

28
00:02:34,790 --> 00:02:38,660
wir beide hier entfernen, wird der Fallback-Text erneut angezeigt.

29
00:02:38,690 --> 00:02:40,400
Das funktioniert also wie ein Zauber.