Nun zum Fallback hier auf dem Favoritenbildschirm und es ist uns natürlich wichtig, ob
wir Favoriten haben oder nicht. Daher können wir hier auf sehr einfache Weise einen Fallback rendern,
indem wir die Essensliste nicht rendern, wenn Lieblingsgerichte, wenn dieses Array leer ist. Alles, was wir hier in der bevorzugten Bildschirmkomponente
tun müssen, ist zu überprüfen, ob die Länge der Lieblingsgerichte gleich Null ist.
Nehmen wir an, wir haben keine Lieblingsgerichte oder das kann in dieser App
nicht wirklich passieren, aber wenn aus irgendeinem Grund die Lieblingsgerichte Mahlzeiten sind falsch, was
hier überprüft wird.
Wenn sie nicht festgelegt sind und eines dieser beiden Dinge zutrifft, werde ich
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
lassen Sie uns tatsächlich über das Gehäuse hier klar sein. Das ist also der Text, den ich als Fallback rendern könnte.
Jetzt wichtig, da ich Ansicht und Text verwende, müssen wir dies importieren,
daher sollten Ansicht und Text von React Native hier importiert werden, andernfalls wird eine
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
daher ein Stylesheet aus React Native und fügen Sie hier direkt vor dem Exportieren von
Stylesheets mit Stylesheet ein Stylesheet hinzu. Erstellen Sie dort und fügen
Sie dort diesen Inhaltsschlüssel hinzu, auf den wir uns mit Flex One beziehen, und richten Sie dann wie zuvor das
Inhaltscenter aus und richten Sie das Elementcenter aus, um den gesamten Inhalt vertikal und horizontal zu zentrieren.
Dies ist also die Content-Style-Eigenschaft, die ich auf diese Ansicht anwende, und damit
zeigen wir diesen Text.
Anstatt Text zu verwenden, könnten wir jetzt natürlich auch unseren Standardtext verwenden,
da ich darüber nachdenke. Dafür haben wir ihn, den Standardtext, der unsere Schriftart aus dem Standardtext der
Komponenten verwendet.
Verwenden wir hier also Standardtext anstelle der integrierten Textkomponente, um unsere Standardschriftart zu erhalten.
Wenn wir dies jetzt speichern, haben wir diesen Text hier, wir
haben keine Favoriten.
Sobald wir anfangen, einige hinzuzufügen.
Wenn wir diese beiden Elemente hier beispielsweise als Favoriten hinzufügen, werden diese natürlich angezeigt. Nur wenn
wir beide hier entfernen, wird der Fallback-Text erneut angezeigt.
Das funktioniert also wie ein Zauber.