Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso base de React Native 2025: #65 - Criando tela de PARTIDA ENCERRADA
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #65 - Criando tela de PARTIDA ENCERRADA

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 nosso curso Base de React Native, vamos construir juntos o layout da tela de partida encerrada, a última tela que vamos implementar por enquanto no aplicativo. Assim como na tela de nova rodada, vamos utilizar componentes que você já conhece, como textos, imagens, sessões e cards, montando toda a estrutura de forma rápida e organizada. O objetivo é deixar a tela pronta para quando integrarmos a lógica do jogo nas próximas aulas, garantindo que cada elemento esteja no lugar certo e com o visual coerente com o restante do app. Durante a aula, vamos explorar técnicas de organização e alinhamento, como centralizar conteúdo, definir espaçamentos consistentes e aplicar estilos adequados para diferentes textos, incluindo variações para vitória, derrota e empate. Além disso, vamos adicionar botões interativos, como "Voltar" e "Nova Partida", preparando a tela para interação futura. Você vai aprender como reutilizar componentes já criados, economizando tempo e mantendo a consistência do layout em todas as telas do aplicativo. Ao final, a tela de partida encerrada estará totalmente estruturada e pronta para integração, permitindo que, nas próximas aulas, a lógica do jogo seja aplicada de forma eficiente. Essa aula é essencial para quem quer dominar a construção de interfaces complexas em React Native, aplicar boas práticas de layout e preparação de componentes, e avançar no desenvolvimento de jogos completos e funcionais dentro do aplicativo. 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/bc23fa9f4b33729632be2c064f5e670a214269d8 🎮 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:44 | Avisos importantes 1:53 | Criando a tela de partida encerrada 9:11 | 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

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