Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native, vamos dar um passo essencial para transformar o nosso app em algo realmente funcional: a navegação entre telas. Até agora trabalhamos em apenas uma tela, mas sabemos que qualquer aplicativo real precisa permitir que o usuário se mova entre diferentes páginas. É exatamente isso que vamos construir aqui. Você vai aprender como configurar e utilizar o React Navigation, a biblioteca mais utilizada para lidar com rotas no React Native, entendendo como ela funciona na prática e como aplicar no seu projeto. Além de aprender a navegar entre telas, também vamos explorar como passar parâmetros de uma tela para outra, um recurso indispensável em qualquer aplicação de verdade. Imagine abrir uma página de detalhes com base no item selecionado pelo usuário, ou carregar informações personalizadas de acordo com a escolha feita na tela anterior. É exatamente esse tipo de cenário que vamos reproduzir juntos, começando pela navegação simples entre a Home e a tela de Detalhes. Você vai ver como o hook useNavigation funciona e como ele nos dá o controle total para criar fluxos de navegação dinâmicos. Outro ponto muito importante que vamos trabalhar é a questão da tipagem no TypeScript, ajustando o nosso código para evitar erros e garantindo mais segurança durante o desenvolvimento. Além disso, você vai conhecer as diferenças entre métodos como navigate e push, entendendo quando usar cada um deles. Essa aula é um divisor de águas, porque a partir dela o seu aplicativo deixa de ser apenas um protótipo estático e passa a ter a cara de um app completo, com múltiplas telas conectadas. Se você quer levar suas habilidades em React Native para o próximo nível, essa é a aula que você não pode perder. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1542265508040591315 📖 Repositório: https://github.com/lvsouza/youtube-react-native-humor-tracker/tree/4824daa2922f8ce4525fe91909ce26c301e9701d 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:39 | Avisos importantes 0:55 | Como navegar entre as telas 5:50 | Resolvendo os problemas de parâmetros no typescript 7:25 | Passando parâmetros para outra tela 8:05 | Extraindo os parâmetros passados entre as telas 9:35 | Finalização e agradecimentos CODARSE - Navegação entre telas #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
