Curso base de React Native 2025: #60 - Finalizando a tela de NOVA PARTIDA

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Nesta aula do nosso curso base de React Native, vamos finalizar a construção da tela de “Nova Partida”. Vou te mostrar passo a passo como adicionar os três inputs da tela e conectá-los completamente ao estado da aplicação, garantindo que eles estejam 100% funcionais para as próximas etapas do jogo. Vamos configurar dificuldade, número de rodadas e tempo por rodada, deixando tudo pronto para que o jogo funcione de forma coerente e personalizável. Além disso, vou mostrar como organizar os componentes e o layout para que a tela fique visualmente agradável e alinhada com o protótipo.
Vamos explorar também ajustes mais avançados que fazem diferença entre plataformas, como diferenças de comportamento entre iOS e Android. Vou te ensinar a lidar com safe area insets e a resolver problemas de layout que aparecem em dropdowns e selects, garantindo que a interface funcione corretamente em qualquer dispositivo. Essa parte é essencial para quem quer criar apps robustos e profissionais, e vou te mostrar como aplicar essas soluções de forma prática, reaproveitando componentes e mantendo o código limpo.
Por fim, vamos finalizar a tela com os botões de ação, configurando o estilo e o alinhamento correto para que tudo fique coerente com o protótipo. Esta aula é decisiva para consolidar conhecimentos sobre gerenciamento de estado, organização de layout e ajustes cross-platform no React Native. Se você quer dominar a construção de interfaces funcionais e preparadas para qualquer situação, essa aula vai te dar todas as ferramentas para avançar de forma sólida e prática no desenvolvimento do seu jogo.

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/b16c9616c1cbac80f676cfebb20cac7462c8a829
🎮 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:28 | Avisos importantes
1:29 | Criando os inputs de select na tela de nova partida
8:50 | Adicionando os botões de começar e voltar
11:20 | Ajuste de visual entre android e IOS
13:35 | 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

Видео Curso base de React Native 2025: #60 - Finalizando a tela de NOVA PARTIDA канала Lucas Souza Dev