1
00:00:02,190 --> 00:00:09,150
Agora, para o fallback aqui na tela de favoritos, é claro que importa

2
00:00:09,150 --> 00:00:15,570
se temos ou não favoritos. Portanto, podemos apresentar um fallback aqui de uma maneira muito simples,

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

4
00:00:22,620 --> 00:00:27,900
componente de tela favorito é que podemos verificar se o comprimento das refeições favoritas

5
00:00:27,900 --> 00:00:33,060
é igual a zero, digamos, o que significa que não temos refeições favoritas

6
00:00:33,060 --> 00:00:38,610
ou isso realmente não pode acontecer neste aplicativo, mas se, por algum motivo, favoritar refeições

7
00:00:38,610 --> 00:00:40,190
é falso-ish, que

8
00:00:40,500 --> 00:00:45,780
é o que isso verifica, por isso, se não estiver definido, se uma dessas

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

10
00:00:55,790 --> 00:01:03,500
a adicionar alguns e agora vamos esclarecer a questão aqui. Então esse é o texto que eu poderia renderizar como substituto.

11
00:01:03,510 --> 00:01:07,610
Agora importante, já que eu uso a visualização e o texto, precisamos importá-lo;

12
00:01:07,680 --> 00:01:12,140
portanto, a visualização e o texto do React Native devem ser importados aqui; caso contrário, obteremos

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

14
00:01:23,930 --> 00:01:29,450
do React Native e, portanto, agora vamos adicionar uma folha de estilo aqui antes dos

15
00:01:29,510 --> 00:01:35,230
estilos de exportação com folha de estilo. crie e inclua essa chave

16
00:01:35,240 --> 00:01:44,510
de conteúdo à qual estamos nos referindo com o flex one e, exatamente como fizemos antes, justifique o centro de

17
00:01:44,540 --> 00:01:52,490
conteúdo e alinhe o centro do item para centralizar todo o conteúdo na vertical e na horizontal.

18
00:01:52,490 --> 00:01:58,300
Portanto, essa é a propriedade de estilo de conteúdo que eu aplico a essa exibição e,

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

20
00:02:00,230 --> 00:02:05,180
Agora, é claro, em vez de usar texto, poderíamos também usar nosso texto

21
00:02:05,180 --> 00:02:12,470
padrão agora que penso nisso, é para isso que temos, o texto padrão que usa nossa fonte do texto padrão

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

23
00:02:14,330 --> 00:02:19,730
Então, vamos usar o texto padrão aqui em vez do componente de texto interno para ter nossa

24
00:02:19,730 --> 00:02:24,170
fonte padrão e agora, se salvarmos isso, o que temos é este texto

25
00:02:24,170 --> 00:02:25,730
aqui, não temos favoritos.

26
00:02:25,910 --> 00:02:28,180
Assim que começarmos a adicionar

27
00:02:28,250 --> 00:02:34,790
alguns, por isso, se adicionarmos esses dois itens aqui como favoritos, por exemplo, é claro que os veremos; somente

28
00:02:34,790 --> 00:02:38,660
se removermos os dois aqui, veremos o texto de fallback novamente.

29
00:02:38,690 --> 00:02:40,400
Então isso funciona como um encanto.