Repetir a nós mesmos repetidamente e definir a mesma aparência detalhada vezes sem conta é realmente irritante
e definitivamente não é o que você deseja.
Até agora, trabalhamos sempre com as opções de navegação que configuramos ao lado de nossos componentes.
Agora você não precisa fazer isso nas configurações padrão, que você repete repetidamente.
Na verdade, ele remove essa configuração aqui da tela de refeição da categoria e mantém apenas o título
do cabeçalho, porque o título do cabeçalho depende dessa tela e muda com os diferentes valores
que obtemos na tela.
Vamos, portanto, remover a importação da plataforma e a importação constante de cores adiciona o mesmo na tela
de categorias lá.
Cortarei isso para que eles ainda possam usá-lo, mas também o removerei desta tela e manterei apenas o líder
do título do cabeçalho que é específico para essa tela e não o padrão para todas as telas, por isso
vou mantê-lo aqui e eu portanto, também é possível se livrar da importação da plataforma e do conteúdo
das cores aqui.
E agora vamos ao navegador de refeições porque, além de configurar as opções de navegação no próximo ano,
seus componentes, que são o local certo para todas as opções específicas desse componente, você também
pode configurar as opções aqui diretamente no navegador.
Você tem dois lugares diferentes onde você pode configurá-los.
Um lugar é quando você está usando essa configuração de tela mais complexa aqui.
Quando você mapeia uma tela para seus identificadores, além de configurá-la, o que você deseja
carregar com apenas um valor deve ter aqui.
Você também pode adicionar opções de navegação aqui e configurar algumas opções de navegação para essas telas aqui.
Assim, também podemos no estilo do cabeçalho a cor da tonalidade do cabeçalho e agora precisamos adicionar a plataforma e
as cores.
Importe aqui.
Então, vamos fazer isso rapidamente.
Vamos importar a plataforma de reagir.
Nativo aqui e também vamos importar cores de cores constantes e, se fizermos isso, o que você verá é que, na tela de categorias,
não temos cor, porque eu apenas defino essa coloração aqui na categoria refeições, mas
se formos para essa tela, tem essa coloração.
Portanto, temos a mesma aparência que tínhamos antes e agora é claro que poderíamos fazer o mesmo aqui na
tela de categorias.
Portanto, agora também podemos transformar isso em objeto. Portanto, adicione as opções de navegação e as
mesmas opções exatas para esse mesmo objeto aqui para esta tela.
Agora, se fizermos isso, também precisaremos voltar à tela de categorias agora.
A pequena vantagem em comparação com a solução anterior de configurar isso em cada arquivo de componente, agora temos
pelo menos toda a configuração e uma no mesmo arquivo.
Ainda estamos nos repetindo, por isso é bom que você possa configurá-lo aqui e, por exemplo, essa seria
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
configurá-lo aqui em vez de em componente porque é estático de qualquer maneira, realmente não importa
onde configuramos isso.
Mas, além disso, esse caso de uso não é realmente uma melhoria, porque ainda nos repetimos.
Então, eu vou cortar novamente daqui e, em vez disso, agora podemos tirar proveito de um segundo argumento que você pode passar
para criar o Navegador de pilha.
O primeiro argumento é objeto com suas telas.
O segundo argumento permite que você configure esse navegador.
Ainda não configuramos nenhum laticínio de configuração e, é claro, na caixa oficial ou, como eu o mostro aqui no
meu T, você encontrará uma lista de todas as configurações que você pode definir lá.
Uma coisa importante que você pode configurar aqui são as opções de navegação padrão e, como o nome
indica, isso permite que você configure opções que se aplicam a todas as telas.
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,
para todas as três telas aqui, para que você não precise se repetir.
Então agora, se fizermos isso, você verá o cabeçalho da cor aqui.
Também aqui e tudo na tela detalhada, se você for lá.
Portanto, agora é assim que você deseja definir configurações repetidas, como o estilo geral, que normalmente
não muda de tela para tela.
Se mudar, tudo bem.
Você pode configurá-lo por componente ou aqui na tela, como mostrei, mas se não
mudar, poderá usar as opções de navegação padrão aqui.
Agora, é claro, isso também traz outra questão: como as configurações são definidas aqui ou aqui, mescladas com as configurações
aqui ou em vez de um componente.
E a regra é muito simples: as opções de navegação padrão são mescladas
com as opções de navegação específicas configuradas aqui ou aqui no componente e as opções específicas sempre vencem.
Se você tiver uma e a mesma chave com o mesmo nome.
Portanto, se eu configurasse um título de cabeçalho padrão aqui como uma tela que é obviamente muito genérica, você ainda veria
as categorias de refeição aqui.
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
para que suas opções de navegação padrão sejam substituídas.
Agora, se você configurar as opções de navegação aqui ao configurar a tela e,
em vez do componente, elas atuam no mesmo nível e as configurações aqui no nível da tela realmente vencem.
Portanto, se eu disser título de cabeçalho para categorias de refeição com vários pontos de exclamação aqui, verá que
aqui na tela de categorias e o título que você configurou no componente de tela de categorias não vence pode ser
um pouco contra-intuitivo, mas é assim que é.
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
contexto da tela vencerá, mas não importa onde você o configure, ele sempre vencerá as opções de navegação
padrão.
Se você usar o mesmo título, então aqui também se livre das opções de navegação na tela da minha
categoria.
Eu não preciso disso aqui.
Estou feliz com a configuração, direcionando o componente da tela, mas você pode configurá-lo nos dois lugares.
É importante que você lembre-se sempre de que as opções padrão são substituídas, mas
agora, além das opções de navegação padrão neste segundo objeto que você passa
para criar o navegador SEC, você também pode configurar outras coisas. a caixa
oficial, é claro.
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.
Se você definir isso, obterá um modo como transição para carregar na tela, o que significa que
a tela desliza do fundo, em vez de usar a animação normal no Android, você
não vê diferença, mas no ISIS, verá.
Isso é apenas uma coisa que você pode alterar aqui para alterar a animação padrão, caso deseje uma transição modal
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,
mas se você não deseja iniciar na tela de categorias, mas, por algum motivo, na
tela detalhada da refeição, basta apontar os detalhes da refeição aqui, em vez de categorias que não
precisam ser configuradas porque é um padrão e você deve começar com isso tela como
sua tela inicial.
É claro que você não pode voltar agora, porque é sua tela inicial, a única tela da pilha.
Então, voltar não funcionará agora.
Mais uma vez, redefinirei isso para categorias e você não precisará adicioná-lo porque isso é um padrão de qualquer maneira.
Ele usa o primeiro par de valores de chave por padrão.
Então, com isso, vimos brevemente algumas opções que você pode configurar e, mais
importante, adicionar opções de navegação e opções de navegação padrão, o que é super
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
eficiência, há outra coisa que você deseja fazer ao trabalhar com a navegação de reação ou se pergunta.
Considere e é que você instalou um pacote extra, que é uma tela nativa de reação, que os aplicativos expo devem ser
incluídos por padrão.
Mas ainda assim não é necessário instalá-lo explicitamente, o que permite realmente
garantir que a navegação de reação oculta use componentes de tela otimizados nativos fornecidos pelo Android.
Eu estava no Android, ele usa o fragmento D, caso você esteja um pouco mais desenvolvendo o Android, e na ayahuasca,
usa o controlador de visualização da interface do usuário e isso simplesmente melhora o desempenho um pouco mais.
Aqui neste aplicativo simples, você não sentirá, mas é uma boa prática usar este pacote especial ou telas
especiais em D.
Agora, para usar isso, você deve ir para um local que é executado antes de renderizar sua
primeira tela, que é para nos capturar arquivos no nosso caso, aqui e ali, agora você pode importar telas de uso da tela React Native.
Portanto, neste pacote, você acabou de instalar e simplesmente ligou após a importação antes de fazer qualquer outra coisa.
Portanto, antes de você tornar qualquer código exe do jazz agora importante, se você estiver usando a versão mais recente do
Expo e do React Native, provavelmente.
Isso não é mais uma tela de uso, mas uma tela capaz que você ainda chama assim.
É apenas um nome diferente e essa é a única mudança que precisamos
fazer aqui sombria simplesmente nos bastidores.
Desbloqueie essas telas e você não verá diferença neste aplicativo, mas é um pouco mais de
desempenho, por isso é algo que eu recomendaria fazer especialmente em aplicativos maiores.
Novamente aqui, você realmente não vê diferença.
Mas nos bastidores, isso agora é um pouco mais eficiente.