1
00:00:02,190 --> 00:00:09,150
Ahora para el respaldo aquí en la pantalla de favoritos y, por supuesto, nos

2
00:00:09,150 --> 00:00:15,570
importa si tenemos favoritos o no. Por lo tanto, podemos representar una reserva aquí de una manera muy simple

3
00:00:15,570 --> 00:00:22,620
al no representar la lista de comidas si las comidas favoritas, si esta matriz está vacía. Entonces, todo lo que tenemos que hacer aquí en

4
00:00:22,620 --> 00:00:27,900
el componente de pantalla favorito es verificar si la duración de las comidas favoritas es

5
00:00:27,900 --> 00:00:33,060
igual a cero, digamos, lo que significa que no tenemos comidas favoritas o eso

6
00:00:33,060 --> 00:00:38,610
no puede suceder realmente en esta aplicación, pero si por alguna razón comidas es falso,

7
00:00:38,610 --> 00:00:40,190
que es lo que

8
00:00:40,500 --> 00:00:45,780
esto verifica, así que si no está configurado, si alguna de estas dos cosas

9
00:00:45,780 --> 00:00:55,510
es cierta, entonces no devolveré mi lista de comidas sino una vista con un texto allí donde digo que no hay comidas favoritas encontrado, comience a agregar

10
00:00:55,790 --> 00:01:03,500
algunos y ahora seamos claros acerca de la carcasa aquí. Así que ese es el texto que podría representar como alternativa.

11
00:01:03,510 --> 00:01:07,610
Ahora es importante, ya que uso view y text, necesitamos importar esto,

12
00:01:07,680 --> 00:01:12,140
por lo que view y text de React Native deberían importarse aquí, de lo contrario

13
00:01:12,150 --> 00:01:20,490
obtendremos un error y ahora podemos agregar algunos estilos aquí con digamos estilos. contenido o lo que quiera nombrarlo, importe la hoja de estilo de

14
00:01:23,930 --> 00:01:29,450
React Native por lo tanto y ahora agreguemos una hoja de estilo aquí justo antes de

15
00:01:29,510 --> 00:01:35,230
exportar los estilos con la hoja de estilo. cree y agregue esta clave

16
00:01:35,240 --> 00:01:44,510
de contenido a la que nos referimos con flex one y luego, tal como lo hicimos antes, justifique el

17
00:01:44,540 --> 00:01:52,490
centro de contenido y alinee el centro de elementos para centrar todo el contenido vertical y horizontalmente.

18
00:01:52,490 --> 00:01:58,300
Entonces, esta es la propiedad de estilo de contenido que aplico a esta vista y con

19
00:01:58,340 --> 00:02:00,200
esto, mostramos este texto.

20
00:02:00,230 --> 00:02:05,180
Ahora, por supuesto, en lugar de usar texto, también podríamos usar nuestro texto

21
00:02:05,180 --> 00:02:12,470
predeterminado ahora que lo pienso, para eso lo tenemos, el texto predeterminado que usa nuestra fuente del texto predeterminado de

22
00:02:12,710 --> 00:02:13,780
los componentes.

23
00:02:14,330 --> 00:02:19,730
Entonces usemos el texto predeterminado aquí en lugar del componente de texto incorporado para tener nuestra

24
00:02:19,730 --> 00:02:24,170
fuente predeterminada y ahora, si guardamos esto, lo que tenemos es este texto

25
00:02:24,170 --> 00:02:25,730
aquí, no tenemos favoritos.

26
00:02:25,910 --> 00:02:28,180
Tan pronto como comencemos a

27
00:02:28,250 --> 00:02:34,790
agregar algunos, así que si agregamos estos dos elementos aquí como favoritos, por ejemplo, los veremos y

28
00:02:34,790 --> 00:02:38,660
solo si eliminamos ambos aquí, veremos nuevamente el texto alternativo.

29
00:02:38,690 --> 00:02:40,400
Entonces eso funciona como un encanto.