Curso base de React Native 2025: #45 - Criando as TABS e navegação STACK

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Nessa aula do curso Base de React Native nós vamos dar um grande passo na construção do nosso aplicativo ao configurar as primeiras telas reais do projeto. Vamos criar a Home, que será a tela inicial, a página Sobre, que fará parte da navegação em abas, e também a tela de Detalhes, que vai nos permitir trabalhar com navegação em pilha (stack). Dessa forma, já conseguimos simular fluxos completos de um app real, alternando entre diferentes estilos de navegação dentro do Expo Router.
Durante a aula, você vai aprender a organizar a estrutura de pastas do projeto de forma inteligente, utilizando a navegação baseada em arquivos do Expo Router. Vamos entender como funcionam as notações especiais, como os colchetes para parâmetros dinâmicos, os parênteses para agrupamento de rotas e o underline layout para definir layouts específicos por grupo de rotas. Tudo isso vai ficar muito mais claro na prática, enquanto criamos as telas e ajustamos o comportamento da navegação conforme o protótipo do app.
Ao final, o seu projeto já estará preparado para trabalhar tanto com navegação por abas quanto com navegação em stack, permitindo abrir telas sobrepostas às principais. Esse é um conhecimento essencial para qualquer aplicação que envolva múltiplas páginas e fluxos, e com ele você terá uma base sólida para continuar evoluindo no desenvolvimento do nosso jogo da forca. Se você quer aprender de vez como estruturar e organizar a navegação de um app profissional em React Native, essa aula é para você.

Links mencionados no vídeo:
🗨️ Discord -   / discord  
🎬 CodarSe - https://codarse.com
🖥️ Protótipo no Figma: https://www.figma.com/community/file/...
📖 Repositório: https://github.com/lvsouza/youtube-re...
🎮 App na Google Play: https://play.google.com/store/apps/de...

Outros cursos no canal:
🎩 Figma para DEVs -    • Figma para DEVs: #00 - Apresentação do curso  
☪️ Curso de estilização no React -    • Estilização no React: Aula 00 - Curso de f...  
💎 Curso base de React -    • Curso base de React 2025: #00 - Apresentaç...  
👑 React, Material UI 5 e Typescript -    • React, Material UI 5 e Typescript: #00 - I...  
🏆 Curso de API Rest, Node e Typescript -    • API Rest, Node e Typescript: #00 - Apresen...  

Livros recomendados:
📘 Código limpo - https://amzn.to/43Xiick
📘 Arquitetura limpa - https://amzn.to/3ZMCStr
📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ
📘 The Micro SaaS Handbook - https://amzn.to/4jCan93

Meu setup:
📺 Monitor 24: https://amzn.to/4msD7TY
🤖 Processador: https://amzn.to/4oJLZpN
🎧 Fone bluetooth: https://amzn.to/4lESd7r
⌨️ Teclado e mouse: https://amzn.to/4oPdgHu
💪 Suporte articulado: https://amzn.to/41hIrRE

Conteúdo:
0:00 | Introdução da aula
0:37 | Avisos importantes
1:15 | Conceitos sobre a navegação por file based routing
7:20 | Criando a navegação com tabs no Expo Router
12:22 | Configurando a navegação Stack com o navegação de Tabs
18:30 | Finalização e agradecimentos

CODARSE - Navegação entre páginas

#ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner