Ahora para el respaldo aquí en la pantalla de favoritos y, por supuesto, nos
importa si tenemos favoritos o no. Por lo tanto, podemos representar una reserva aquí de una manera muy simple
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
el componente de pantalla favorito es verificar si la duración de las comidas favoritas es
igual a cero, digamos, lo que significa que no tenemos comidas favoritas o eso
no puede suceder realmente en esta aplicación, pero si por alguna razón comidas es falso,
que es lo que
esto verifica, así que si no está configurado, si alguna de estas dos cosas
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
algunos y ahora seamos claros acerca de la carcasa aquí. Así que ese es el texto que podría representar como alternativa.
Ahora es importante, ya que uso view y text, necesitamos importar esto,
por lo que view y text de React Native deberían importarse aquí, de lo contrario
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
React Native por lo tanto y ahora agreguemos una hoja de estilo aquí justo antes de
exportar los estilos con la hoja de estilo. cree y agregue esta clave
de contenido a la que nos referimos con flex one y luego, tal como lo hicimos antes, justifique el
centro de contenido y alinee el centro de elementos para centrar todo el contenido vertical y horizontalmente.
Entonces, esta es la propiedad de estilo de contenido que aplico a esta vista y con
esto, mostramos este texto.
Ahora, por supuesto, en lugar de usar texto, también podríamos usar nuestro texto
predeterminado ahora que lo pienso, para eso lo tenemos, el texto predeterminado que usa nuestra fuente del texto predeterminado de
los componentes.
Entonces usemos el texto predeterminado aquí en lugar del componente de texto incorporado para tener nuestra
fuente predeterminada y ahora, si guardamos esto, lo que tenemos es este texto
aquí, no tenemos favoritos.
Tan pronto como comencemos a
agregar algunos, así que si agregamos estos dos elementos aquí como favoritos, por ejemplo, los veremos y
solo si eliminamos ambos aquí, veremos nuevamente el texto alternativo.
Entonces eso funciona como un encanto.