É importante entender como a navegação funciona e aplicativos nativos e, especialmente, se você tem experiência em desenvolvimento
na Web, é importante entender como ela difere da navegação entre telas e a Web, porque na
Web você realmente digita um L e se está construindo um aplicativo de reação, você usa uma ferramenta como
reagir ao roteador para carregar o componente de usuários.
E se você clicar em um link que vá para o meu site produtos pontocom slash novamente, o roteador de reação, que é uma biblioteca extra que você instalou, entra em ação e
vê que você altera o caminho no seu U. R. EU. e carrega um componente de
reação diferente.
É assim que a navegação funciona na web.
Então, você é L? É a sua fonte de verdade e a mudança que você pode ser buscada por bibliotecas como
o roteador de reação, que renderiza diferentes componentes na tela.
É assim que reajo para os trabalhos na web.
Agora, há uma diferença importante nisso quando pensamos em aplicativos nativos.
Não temos usuários que não andam no seu aplicativo digitando alguns que você é L; em vez disso,
você pressiona botões e pressiona e você está indo e voltando.
Você tem botões de voltar, gavetas laterais e é assim que você navega em aplicativos móveis para ser mais preciso.
Como eu mencionei, tocar é um padrão comum que você vê lá.
O padrão comum comum é que você navega em uma pilha de páginas e isso significa simplesmente que
você acessa uma página em que clica em algum item que é levado para uma nova tela e, em seguida, automaticamente recebe um
botão voltar no topo ou no Android. tenha um embutido no dispositivo, é claro.
E quando você pressiona que você navegou de volta para a página em que estava antes e obtém uma
transição suave para isso.
Assim, você pode navegar por exemplo, carregar um componente de usuários pressionando a guia ou pressionando um
item especial e sendo navegado até lá, e a alegação simplesmente parece e se sente um pouco
diferente dos usuários.
Agora, é claro, também queremos trazer essa aparência para o nosso aplicativo nativo ReACT.
E felizmente isso é muito fácil.
Com a ajuda de uma biblioteca de terceiros, usaremos a biblioteca de terceiros
que o utilizará para isso. Parei meu servidor exposto. Aqui é navegação de reação.
Podemos instalá-lo com o npm install dash dash. na verdade, é uma biblioteca de navegação
criada para reagir nativamente.
Agora você também pode usá-lo em aplicativos Web, mas seu foco principal são aplicativos nativos criados com o React Native.
Portanto, mesmo que seja chamada de navegação de reação, é para o React Native e não apenas para reagir na Web.
Assim, podemos simplesmente instalar este pacote aqui em nosso aplicativo para começar a usá-lo.
E, é claro, ensinarei os detalhes deste pacote e como usá-lo para diferentes
padrões de navegação neste módulo.
Mas caso você queira mergulhar mais fundo ou também queira ter um guia por escrito.
Definitivamente, verifique também o ponto de navegação de reação ORIC, que é a página oficial deste pacote, onde
você pode mergulhar nas docas para aprender tudo sobre este pacote.
Lá você pode ler tudo sobre isso em detalhes.
Você aprenderá como usá-lo, como configurá-lo e assim por diante.
Há muito que você pode fazer com isso e, embora eu cubra a maioria disso aqui, este é um
ótimo recurso para você se aprofundar.
Agora, uma coisa que vemos aqui, que absolutamente devemos fazer é executar este comando user que instala um
monte de dependências extras que reagem às necessidades de navegação.
Portanto, basta copiar este comando da página Introdução aqui e executar em seu projeto na linha de comando no
terminal integrado. Você não tem o npm install mas o Expo install, embora a única diferença seja
que o Expo instalado nos bastidores executará o npm install, mas ele selecionará as versões específicas
desses pacotes que funcionam com sua versão específica da Expo.
Portanto, é uma versão mais segura do npm install que você poderia dizer e, portanto, é recomendável que você a
use aqui.
Agora, uma observação adicional sobre este comando e esta página em geral, no canto superior esquerdo desta página, você vê
a versão do React navigation.
Esses documentos estão relacionados agora neste curso à reutilização, enquanto em 3 ou 4 eles são praticamente os mesmos.
No momento, não estamos usando o 5, porque a versão 5 usa uma sintaxe um pouco diferente que,
no momento, não abordaremos.
Portanto, verifique se você está retornando aos documentos e, na verdade, seleciona a Versão 4 ou livre da documentação
aqui para acompanhar sem problemas.
É claro que você sempre pode dar uma olhada na versão 5 e tentar ajustar manualmente o código, se
desejar, mas para uma experiência tranquila, é claro que o foco está no React Native e não na navegação de reação.
Certifique-se de escolher a versão 4 ou ano livre.
Essa é apenas uma pequena observação, caso você esteja se perguntando sobre a diferença entre os
documentos aqui e o que vê neste curso. Agora, uma observação importante é importante, enquanto nos apegamos à reação
da navegação.
Aqui mais adiante, no curso, terei um módulo inteiro sobre navegação de reação cinco e mais tarde, onde mostrarei
como converter seu projeto para usar a versão mais recente.
Então, você teve o melhor dos dois mundos e aprenderá os dois tipos de configuração da navegação e
navegação e reação de aplicativos nativos, pois tanto quanto para qualquer futuro em que ela tenha cinco anos
ou mais será super importante saber.
Então, basta copiar este comando e também garantir que, além de instalar o react navigation, que
é o pacote principal, é claro que também instalamos esses pacotes no projeto executando o Expo install
aqui agora, com a instalação concluída aqui, posso reiniciar meu servidor Expo com o NPM start e agora podemos
começar a usar a navegação de reação.
Agora, para isso tudo, troque uma nova pasta no meu projeto e eu o nomeei de navegação.
Isso não é algo que você precisa fazer, mas pode ajudá-lo a manter seu código limpo, porque está lá.
Vou criar um novo arquivo, tudo criar minhas refeições navegador ponto J cair.
Agora, esse nome de arquivo depende totalmente de você.
Eu só quero indicar que lá vou definir a configuração da minha navegação para o meu aplicativo de refeições
aqui, que estou construindo.
É por isso que um nome é assim.
E é no outono do jazz do navegador de refeições que eu quero definir minha configuração
de navegação de poço. Quero dizer à navegação de reação que biblioteca instalamos quais telas diferentes temos como estão conectadas
e como queremos nos mover entre elas.
Agora é mais fácil simplesmente ver isso do que apenas falar sobre eles.
Portanto, no navegador de refeições, vamos começar a configurar alguma navegação.