1
00:00:02,190 --> 00:00:09,150
Maintenant, pour le repli ici sur l'écran des favoris et il est bien sûr important pour nous

2
00:00:09,150 --> 00:00:15,570
que nous ayons des favoris ou non. Nous pouvons donc rendre un retour ici d'une manière très simple en ne

3
00:00:15,570 --> 00:00:22,620
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

4
00:00:22,620 --> 00:00:27,900
composant d'écran préféré est que nous pouvons vérifier si la durée des repas préférés est égale

5
00:00:27,900 --> 00:00:33,060
à zéro, ce qui signifie que nous n'avons pas de repas préférés ou que cela

6
00:00:33,060 --> 00:00:38,610
ne peut pas vraiment arriver dans cette application, mais si pour une raison quelconque, fav les

7
00:00:38,610 --> 00:00:40,190
repas sont faux, c'est

8
00:00:40,500 --> 00:00:45,780
ce que cela vérifie, donc si ce n'est pas réglé, si l'une de ces deux

9
00:00:45,780 --> 00:00:55,510
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

10
00:00:55,790 --> 00:01:03,500
à en ajouter et maintenant soyons clairs sur le boîtier ici. Voilà donc le texte que je pourrais rendre comme solution de rechange.

11
00:01:03,510 --> 00:01:07,610
Maintenant important, puisque j'utilise la vue et le texte, nous devons l'importer, donc

12
00:01:07,680 --> 00:01:12,140
la vue et le texte de React Native doivent être importés ici, sinon nous obtiendrons

13
00:01:12,150 --> 00:01:20,490
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

14
00:01:23,930 --> 00:01:29,450
la feuille de style de React Native et maintenant ajoutons une feuille de style ici juste avant

15
00:01:29,510 --> 00:01:35,230
d'exporter les styles avec la feuille de style. créer et là-dedans, ajoutez cette

16
00:01:35,240 --> 00:01:44,510
clé de contenu dont nous parlons avec flex one, puis comme nous l'avons fait auparavant, justifiez le centre de

17
00:01:44,540 --> 00:01:52,490
contenu et alignez le centre de l'élément pour centrer tout le contenu verticalement et horizontalement.

18
00:01:52,490 --> 00:01:58,300
C'est donc la propriété de style de contenu que j'applique à cette vue et avec cela,

19
00:01:58,340 --> 00:02:00,200
nous montrons ce texte.

20
00:02:00,230 --> 00:02:05,180
Maintenant, bien sûr, au lieu d'utiliser du texte, nous pourrions également utiliser notre texte par

21
00:02:05,180 --> 00:02:12,470
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

22
00:02:12,710 --> 00:02:13,780
texte par défaut.

23
00:02:14,330 --> 00:02:19,730
Donc, utilisons le texte par défaut ici au lieu du composant texte intégré pour avoir notre police par

24
00:02:19,730 --> 00:02:24,170
défaut et maintenant si nous l'enregistrons, ce que nous avons est ce texte ici, nous

25
00:02:24,170 --> 00:02:25,730
n'avons pas de favoris.

26
00:02:25,910 --> 00:02:28,180
Dès que nous commençons à en

27
00:02:28,250 --> 00:02:34,790
ajouter, donc si nous ajoutons ces deux éléments ici comme favoris par exemple, nous les verrons bien sûr et seulement si

28
00:02:34,790 --> 00:02:38,660
nous les supprimons ici, nous verrons à nouveau le texte de secours.

29
00:02:38,690 --> 00:02:40,400
Cela fonctionne donc comme un charme.