1
00:00:02,270 --> 00:00:07,770
Repetir a nós mesmos repetidamente e definir a mesma aparência detalhada vezes sem conta é realmente irritante

2
00:00:07,770 --> 00:00:10,550
e definitivamente não é o que você deseja.

3
00:00:10,550 --> 00:00:17,960
Até agora, trabalhamos sempre com as opções de navegação que configuramos ao lado de nossos componentes.

4
00:00:18,020 --> 00:00:24,040
Agora você não precisa fazer isso nas configurações padrão, que você repete repetidamente.

5
00:00:24,200 --> 00:00:29,740
Na verdade, ele remove essa configuração aqui da tela de refeição da categoria e mantém apenas o título

6
00:00:29,740 --> 00:00:34,820
do cabeçalho, porque o título do cabeçalho depende dessa tela e muda com os diferentes valores

7
00:00:34,820 --> 00:00:36,310
que obtemos na tela.

8
00:00:36,380 --> 00:00:41,990
Vamos, portanto, remover a importação da plataforma e a importação constante de cores adiciona o mesmo na tela

9
00:00:42,080 --> 00:00:43,370
de categorias lá.

10
00:00:43,400 --> 00:00:48,530
Cortarei isso para que eles ainda possam usá-lo, mas também o removerei desta tela e manterei apenas o líder

11
00:00:48,530 --> 00:00:54,140
do título do cabeçalho que é específico para essa tela e não o padrão para todas as telas, por isso

12
00:00:54,440 --> 00:00:59,500
vou mantê-lo aqui e eu portanto, também é possível se livrar da importação da plataforma e do conteúdo

13
00:00:59,540 --> 00:01:00,710
das cores aqui.

14
00:01:00,740 --> 00:01:06,870
E agora vamos ao navegador de refeições porque, além de configurar as opções de navegação no próximo ano,

15
00:01:06,870 --> 00:01:12,290
seus componentes, que são o local certo para todas as opções específicas desse componente, você também

16
00:01:12,290 --> 00:01:15,080
pode configurar as opções aqui diretamente no navegador.

17
00:01:15,080 --> 00:01:17,830
Você tem dois lugares diferentes onde você pode configurá-los.

18
00:01:18,170 --> 00:01:23,110
Um lugar é quando você está usando essa configuração de tela mais complexa aqui.

19
00:01:23,150 --> 00:01:29,120
Quando você mapeia uma tela para seus identificadores, além de configurá-la, o que você deseja

20
00:01:29,120 --> 00:01:32,390
carregar com apenas um valor deve ter aqui.

21
00:01:32,450 --> 00:01:39,530
Você também pode adicionar opções de navegação aqui e configurar algumas opções de navegação para essas telas aqui.

22
00:01:39,530 --> 00:01:44,810
Assim, também podemos no estilo do cabeçalho a cor da tonalidade do cabeçalho e agora precisamos adicionar a plataforma e

23
00:01:44,810 --> 00:01:45,470
as cores.

24
00:01:45,470 --> 00:01:46,180
Importe aqui.

25
00:01:46,250 --> 00:01:47,490
Então, vamos fazer isso rapidamente.

26
00:01:48,050 --> 00:01:52,430
Vamos importar a plataforma de reagir.

27
00:01:52,460 --> 00:02:03,940
Nativo aqui e também vamos importar cores de cores constantes e, se fizermos isso, o que você verá é que, na tela de categorias,

28
00:02:03,940 --> 00:02:11,020
não temos cor, porque eu apenas defino essa coloração aqui na categoria refeições, mas

29
00:02:11,020 --> 00:02:15,290
se formos para essa tela, tem essa coloração.

30
00:02:15,300 --> 00:02:21,060
Portanto, temos a mesma aparência que tínhamos antes e agora é claro que poderíamos fazer o mesmo aqui na

31
00:02:21,120 --> 00:02:22,130
tela de categorias.

32
00:02:22,230 --> 00:02:29,430
Portanto, agora também podemos transformar isso em objeto. Portanto, adicione as opções de navegação e as

33
00:02:29,490 --> 00:02:34,830
mesmas opções exatas para esse mesmo objeto aqui para esta tela.

34
00:02:34,830 --> 00:02:39,760
Agora, se fizermos isso, também precisaremos voltar à tela de categorias agora.

35
00:02:39,870 --> 00:02:46,350
A pequena vantagem em comparação com a solução anterior de configurar isso em cada arquivo de componente, agora temos

36
00:02:46,380 --> 00:02:50,130
pelo menos toda a configuração e uma no mesmo arquivo.

37
00:02:50,400 --> 00:02:56,220
Ainda estamos nos repetindo, por isso é bom que você possa configurá-lo aqui e, por exemplo, essa seria

38
00:02:56,220 --> 00:03:03,330
uma boa alternativa para configurar nosso título de cabeçalho definido estaticamente para uma tela de categorias categorias de refeição, para que possamos

39
00:03:03,810 --> 00:03:09,300
configurá-lo aqui em vez de em componente porque é estático de qualquer maneira, realmente não importa

40
00:03:09,330 --> 00:03:10,630
onde configuramos isso.

41
00:03:10,920 --> 00:03:16,500
Mas, além disso, esse caso de uso não é realmente uma melhoria, porque ainda nos repetimos.

42
00:03:16,620 --> 00:03:23,550
Então, eu vou cortar novamente daqui e, em vez disso, agora podemos tirar proveito de um segundo argumento que você pode passar

43
00:03:23,550 --> 00:03:25,820
para criar o Navegador de pilha.

44
00:03:25,920 --> 00:03:29,370
O primeiro argumento é objeto com suas telas.

45
00:03:29,430 --> 00:03:32,990
O segundo argumento permite que você configure esse navegador.

46
00:03:33,060 --> 00:03:38,880
Ainda não configuramos nenhum laticínio de configuração e, é claro, na caixa oficial ou, como eu o mostro aqui no

47
00:03:38,880 --> 00:03:43,710
meu T, você encontrará uma lista de todas as configurações que você pode definir lá.

48
00:03:43,710 --> 00:03:50,070
Uma coisa importante que você pode configurar aqui são as opções de navegação padrão e, como o nome

49
00:03:50,310 --> 00:03:55,330
indica, isso permite que você configure opções que se aplicam a todas as telas.

50
00:03:55,440 --> 00:04:04,830
Agora isso leva um objeto às suas opções de navegação, mas agora essas opções serão aplicadas a todas as telas deste navegador,

51
00:04:05,070 --> 00:04:10,750
para todas as três telas aqui, para que você não precise se repetir.

52
00:04:10,770 --> 00:04:14,940
Então agora, se fizermos isso, você verá o cabeçalho da cor aqui.

53
00:04:14,940 --> 00:04:18,920
Também aqui e tudo na tela detalhada, se você for lá.

54
00:04:18,960 --> 00:04:25,200
Portanto, agora é assim que você deseja definir configurações repetidas, como o estilo geral, que normalmente

55
00:04:25,200 --> 00:04:27,830
não muda de tela para tela.

56
00:04:27,900 --> 00:04:29,710
Se mudar, tudo bem.

57
00:04:29,760 --> 00:04:35,940
Você pode configurá-lo por componente ou aqui na tela, como mostrei, mas se não

58
00:04:35,940 --> 00:04:40,170
mudar, poderá usar as opções de navegação padrão aqui.

59
00:04:40,200 --> 00:04:48,720
Agora, é claro, isso também traz outra questão: como as configurações são definidas aqui ou aqui, mescladas com as configurações

60
00:04:48,720 --> 00:04:51,720
aqui ou em vez de um componente.

61
00:04:51,720 --> 00:04:57,630
E a regra é muito simples: as opções de navegação padrão são mescladas

62
00:04:57,630 --> 00:05:05,100
com as opções de navegação específicas configuradas aqui ou aqui no componente e as opções específicas sempre vencem.

63
00:05:05,100 --> 00:05:07,830
Se você tiver uma e a mesma chave com o mesmo nome.

64
00:05:07,830 --> 00:05:15,690
Portanto, se eu configurasse um título de cabeçalho padrão aqui como uma tela que é obviamente muito genérica, você ainda veria

65
00:05:15,690 --> 00:05:17,960
as categorias de refeição aqui.

66
00:05:18,060 --> 00:05:24,930
Aqui em italiano, mas na tela detalhada em que eu disse que não havia título de cabeçalho específico, você veria uma tela

67
00:05:25,740 --> 00:05:28,800
para que suas opções de navegação padrão sejam substituídas.

68
00:05:28,860 --> 00:05:33,510
Agora, se você configurar as opções de navegação aqui ao configurar a tela e,

69
00:05:33,990 --> 00:05:39,630
em vez do componente, elas atuam no mesmo nível e as configurações aqui no nível da tela realmente vencem.

70
00:05:39,630 --> 00:05:46,080
Portanto, se eu disser título de cabeçalho para categorias de refeição com vários pontos de exclamação aqui, verá que

71
00:05:46,260 --> 00:05:53,070
aqui na tela de categorias e o título que você configurou no componente de tela de categorias não vence pode ser

72
00:05:53,070 --> 00:05:55,790
um pouco contra-intuitivo, mas é assim que é.

73
00:05:55,830 --> 00:06:03,280
Portanto, se você configurar opções de navegação com o mesmo título ou com os mesmos nomes aqui no contexto da tela, o

74
00:06:03,370 --> 00:06:09,340
contexto da tela vencerá, mas não importa onde você o configure, ele sempre vencerá as opções de navegação

75
00:06:09,340 --> 00:06:09,840
padrão.

76
00:06:09,910 --> 00:06:16,640
Se você usar o mesmo título, então aqui também se livre das opções de navegação na tela da minha

77
00:06:16,640 --> 00:06:17,050
categoria.

78
00:06:17,060 --> 00:06:18,130
Eu não preciso disso aqui.

79
00:06:18,130 --> 00:06:22,900
Estou feliz com a configuração, direcionando o componente da tela, mas você pode configurá-lo nos dois lugares.

80
00:06:22,910 --> 00:06:29,090
É importante que você lembre-se sempre de que as opções padrão são substituídas, mas

81
00:06:29,090 --> 00:06:35,000
agora, além das opções de navegação padrão neste segundo objeto que você passa

82
00:06:35,000 --> 00:06:40,790
para criar o navegador SEC, você também pode configurar outras coisas. a caixa

83
00:06:40,820 --> 00:06:42,640
oficial, é claro.

84
00:06:42,650 --> 00:06:50,060
Agora, normalmente os padrões são bons, mas por exemplo, você pode configurar o modo e definir o padrão modal como cartão.

85
00:06:50,060 --> 00:06:56,150
Se você definir isso, obterá um modo como transição para carregar na tela, o que significa que

86
00:06:56,150 --> 00:07:01,310
a tela desliza do fundo, em vez de usar a animação normal no Android, você

87
00:07:01,310 --> 00:07:04,180
não vê diferença, mas no ISIS, verá.

88
00:07:04,340 --> 00:07:10,070
Isso é apenas uma coisa que você pode alterar aqui para alterar a animação padrão, caso deseje uma transição modal

89
00:07:10,070 --> 00:07:17,850
em vez da animação push pop normal, também é possível alterar o nome raiz inicial por padrão. Mencionei que esse seria o primeiro par de valores-chave,

90
00:07:17,850 --> 00:07:22,410
mas se você não deseja iniciar na tela de categorias, mas, por algum motivo, na

91
00:07:22,590 --> 00:07:27,810
tela detalhada da refeição, basta apontar os detalhes da refeição aqui, em vez de categorias que não

92
00:07:27,810 --> 00:07:32,340
precisam ser configuradas porque é um padrão e você deve começar com isso tela como

93
00:07:32,460 --> 00:07:33,510
sua tela inicial.

94
00:07:33,510 --> 00:07:38,440
É claro que você não pode voltar agora, porque é sua tela inicial, a única tela da pilha.

95
00:07:38,580 --> 00:07:42,120
Então, voltar não funcionará agora.

96
00:07:42,160 --> 00:07:48,030
Mais uma vez, redefinirei isso para categorias e você não precisará adicioná-lo porque isso é um padrão de qualquer maneira.

97
00:07:48,040 --> 00:07:51,600
Ele usa o primeiro par de valores de chave por padrão.

98
00:07:51,600 --> 00:07:56,580
Então, com isso, vimos brevemente algumas opções que você pode configurar e, mais

99
00:07:56,580 --> 00:08:01,860
importante, adicionar opções de navegação e opções de navegação padrão, o que é super

100
00:08:01,860 --> 00:08:09,650
importante para criar aplicativos eficientes e com boa aparência, sem se repetir várias vezes, o que você obviamente não deseja falando de

101
00:08:09,650 --> 00:08:15,990
eficiência, há outra coisa que você deseja fazer ao trabalhar com a navegação de reação ou se pergunta.

102
00:08:16,010 --> 00:08:26,010
Considere e é que você instalou um pacote extra, que é uma tela nativa de reação, que os aplicativos expo devem ser

103
00:08:26,010 --> 00:08:27,700
incluídos por padrão.

104
00:08:27,720 --> 00:08:35,850
Mas ainda assim não é necessário instalá-lo explicitamente, o que permite realmente

105
00:08:35,850 --> 00:08:45,310
garantir que a navegação de reação oculta use componentes de tela otimizados nativos fornecidos pelo Android.

106
00:08:45,350 --> 00:08:51,460
Eu estava no Android, ele usa o fragmento D, caso você esteja um pouco mais desenvolvendo o Android, e na ayahuasca,

107
00:08:51,460 --> 00:08:57,220
usa o controlador de visualização da interface do usuário e isso simplesmente melhora o desempenho um pouco mais.

108
00:08:57,300 --> 00:09:04,350
Aqui neste aplicativo simples, você não sentirá, mas é uma boa prática usar este pacote especial ou telas

109
00:09:04,350 --> 00:09:05,580
especiais em D.

110
00:09:05,580 --> 00:09:12,190
Agora, para usar isso, você deve ir para um local que é executado antes de renderizar sua

111
00:09:12,200 --> 00:09:21,510
primeira tela, que é para nos capturar arquivos no nosso caso, aqui e ali, agora você pode importar telas de uso da tela React Native.

112
00:09:21,510 --> 00:09:27,750
Portanto, neste pacote, você acabou de instalar e simplesmente ligou após a importação antes de fazer qualquer outra coisa.

113
00:09:27,760 --> 00:09:34,860
Portanto, antes de você tornar qualquer código exe do jazz agora importante, se você estiver usando a versão mais recente do

114
00:09:34,860 --> 00:09:37,110
Expo e do React Native, provavelmente.

115
00:09:37,140 --> 00:09:43,160
Isso não é mais uma tela de uso, mas uma tela capaz que você ainda chama assim.

116
00:09:43,170 --> 00:09:46,140
É apenas um nome diferente e essa é a única mudança que precisamos

117
00:09:48,970 --> 00:09:50,610
fazer aqui sombria simplesmente nos bastidores.

118
00:09:50,650 --> 00:09:56,140
Desbloqueie essas telas e você não verá diferença neste aplicativo, mas é um pouco mais de

119
00:09:56,260 --> 00:10:00,730
desempenho, por isso é algo que eu recomendaria fazer especialmente em aplicativos maiores.

120
00:10:00,760 --> 00:10:03,760
Novamente aqui, você realmente não vê diferença.

121
00:10:03,940 --> 00:10:06,970
Mas nos bastidores, isso agora é um pouco mais eficiente.