Maintenant, pour le repli ici sur l'écran des favoris et il est bien sûr important pour nous
que nous ayons des favoris ou non. Nous pouvons donc rendre un retour ici d'une manière très simple en ne
rendant pas la liste des repas si les repas préférés, si ce tableau est vide. Donc, tout ce que nous devons faire ici dans le
composant d'écran préféré est que nous pouvons vérifier si la durée des repas préférés est égale
à zéro, ce qui signifie que nous n'avons pas de repas préférés ou que cela
ne peut pas vraiment arriver dans cette application, mais si pour une raison quelconque, fav les
repas sont faux, c'est
ce que cela vérifie, donc si ce n'est pas réglé, si l'une de ces deux
choses est vraie, alors je ne retournerai pas ma liste de repas mais une vue avec disons un texte là-dedans où je dis pas de repas préférés trouvé, commencez
à en ajouter et maintenant soyons clairs sur le boîtier ici. Voilà donc le texte que je pourrais rendre comme solution de rechange.
Maintenant important, puisque j'utilise la vue et le texte, nous devons l'importer, donc
la vue et le texte de React Native doivent être importés ici, sinon nous obtiendrons
une erreur et maintenant nous pouvons ajouter un style ici avec, disons, des styles. du contenu ou tout ce que vous voulez pour le nommer, importez donc
la feuille de style de React Native et maintenant ajoutons une feuille de style ici juste avant
d'exporter les styles avec la feuille de style. créer et là-dedans, ajoutez cette
clé de contenu dont nous parlons avec flex one, puis comme nous l'avons fait auparavant, justifiez le centre de
contenu et alignez le centre de l'élément pour centrer tout le contenu verticalement et horizontalement.
C'est donc la propriété de style de contenu que j'applique à cette vue et avec cela,
nous montrons ce texte.
Maintenant, bien sûr, au lieu d'utiliser du texte, nous pourrions également utiliser notre texte par
défaut maintenant que j'y pense, c'est pour cela que nous l'avons, le texte par défaut qui utilise notre police à partir des composants
texte par défaut.
Donc, utilisons le texte par défaut ici au lieu du composant texte intégré pour avoir notre police par
défaut et maintenant si nous l'enregistrons, ce que nous avons est ce texte ici, nous
n'avons pas de favoris.
Dès que nous commençons à en
ajouter, donc si nous ajoutons ces deux éléments ici comme favoris par exemple, nous les verrons bien sûr et seulement si
nous les supprimons ici, nous verrons à nouveau le texte de secours.
Cela fonctionne donc comme un charme.