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
