Agora, para o fallback aqui na tela de favoritos, é claro que importa
se temos ou não favoritos. Portanto, podemos apresentar um fallback aqui de uma maneira muito simples,
não processando a lista de refeições se refeições favoritas, se essa matriz estiver vazia. Então, tudo o que precisamos fazer aqui no
componente de tela favorito é que podemos verificar se o comprimento das refeições favoritas
é igual a zero, digamos, o que significa que não temos refeições favoritas
ou isso realmente não pode acontecer neste aplicativo, mas se, por algum motivo, favoritar refeições
é falso-ish, que
é o que isso verifica, por isso, se não estiver definido, se uma dessas
duas coisas for verdadeira, não retornarei minha lista de refeições, mas uma exibição com digamos um texto lá onde não digo refeições favoritas encontrado, comece
a adicionar alguns e agora vamos esclarecer a questão aqui. Então esse é o texto que eu poderia renderizar como substituto.
Agora importante, já que eu uso a visualização e o texto, precisamos importá-lo;
portanto, a visualização e o texto do React Native devem ser importados aqui; caso contrário, obteremos
um erro e agora podemos adicionar um pouco de estilo aqui, digamos com estilos. conteúdo ou o nome que você quiser, importe a folha de estilo
do React Native e, portanto, agora vamos adicionar uma folha de estilo aqui antes dos
estilos de exportação com folha de estilo. crie e inclua essa chave
de conteúdo à qual estamos nos referindo com o flex one e, exatamente como fizemos antes, justifique o centro de
conteúdo e alinhe o centro do item para centralizar todo o conteúdo na vertical e na horizontal.
Portanto, essa é a propriedade de estilo de conteúdo que eu aplico a essa exibição e,
com isso, mostramos este texto.
Agora, é claro, em vez de usar texto, poderíamos também usar nosso texto
padrão agora que penso nisso, é para isso que temos, o texto padrão que usa nossa fonte do texto padrão
dos componentes.
Então, vamos usar o texto padrão aqui em vez do componente de texto interno para ter nossa
fonte padrão e agora, se salvarmos isso, o que temos é este texto
aqui, não temos favoritos.
Assim que começarmos a adicionar
alguns, por isso, se adicionarmos esses dois itens aqui como favoritos, por exemplo, é claro que os veremos; somente
se removermos os dois aqui, veremos o texto de fallback novamente.
Então isso funciona como um encanto.