Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nesta aula do nosso curso Base de React Native, vamos construir juntos a tela de nova rodada do jogo. Nela, vamos organizar todo o layout utilizando componentes que você já conhece, como texto, imagem, cards e sessões, deixando a tela pronta para quando adicionarmos a lógica do jogo nas próximas aulas. Vou te mostrar como estruturar cada elemento de forma organizada, garantindo que o visual fique coerente e agradável, e que cada componente esteja posicionado corretamente, seguindo o protótipo que criamos. Durante a aula, vamos explorar técnicas de alinhamento e espaçamento, como centralizar conteúdo e definir gaps entre os itens, para que o layout fique limpo e funcional em diferentes tamanhos de tela. Também vamos adicionar botões interativos, como o “Começar” e o “Desistir”, e garantir que cada componente seja flexível e responsivo, pronto para receber a lógica de jogo mais adiante. Você vai ver como reutilizar componentes já criados e adaptar o layout para novas telas sem precisar reescrever código do zero, economizando tempo e mantendo a consistência do aplicativo. Ao final, você terá a tela de nova rodada completamente estruturada e pronta para integração futura, aprendendo na prática como montar layouts complexos em React Native de forma organizada e eficiente. Essa aula é essencial para quem quer dominar a construção de telas funcionais, aplicando boas práticas de design e desenvolvimento, e seguir avançando no curso para construir jogos completos e interativos. 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/7874cc0f856b109e2540fc3c80e1004a5f861ff0 🎮 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:32 | Avisos importantes 0:53 | Criando a tela de nova partida 5:33 | Ajustes de alinhamentos 8:20 | Finalização e agradecimentos CODARSE - Finalizando e iniciando novas telas no App #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
