Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso base de React Native 2025: #45 - Criando as TABS e navegação STACK
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #45 - Criando as TABS e navegação STACK

4.0 (1)
23 learners

What you'll learn

This course includes

  • 25.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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 - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1543675168225105299 📖 Repositório: https://github.com/lvsouza/youtube-react-native-forca-play/tree/2d6186de73b3ed042e6f5704eb355c51f7c6900a 🎮 App na Google Play: https://play.google.com/store/apps/details?id=com.lvsouzadev.forcaplay Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere