Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso avançado de React Native 2025: #12 - Ajustes finos de layout e margem no app
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso avançado de React Native 2025: #12 - Ajustes finos de layout e margem no app

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 avançado de React Nate, vamos focar em deixar o nosso app mais refinado e coerente para o usuário final. Apesar de já termos avançado bastante nas funcionalidades, ainda existem pequenos detalhes de layout que precisam ser ajustados, principalmente para diferentes tamanhos de tela, como tablets e celulares. Vamos revisar esses pontos finos que muitas vezes passam despercebidos, mas que fazem toda a diferença na experiência do usuário, garantindo que nosso aplicativo fique visualmente organizado e funcional em qualquer dispositivo. Vamos entrar na prática e aplicar ajustes de padding, margens e alinhamentos em todas as telas do app. Mostrarei como replicar essas configurações de forma consistente, desde a tela inicial até as telas de partidas, detalhes e novas rodadas, evitando que elementos fiquem sobrepostos ou escondidos atrás de botões nativos do dispositivo. O objetivo é que cada componente se ajuste corretamente, mantendo a experiência do usuário impecável, sem perder a simplicidade do layout e mantendo a responsividade do app. Além disso, vamos corrigir a configuração do header e dos stacks dentro do nosso layout, garantindo que todas as telas compartilhem a mesma estrutura de navegação e visual. Esses ajustes finais vão fazer com que o app pareça profissional, organizado e pronto para publicação, refletindo atenção aos detalhes que poucos desenvolvedores aplicam. Ao final da aula, o app estará totalmente coerente, funcional e bonito em qualquer tamanho de tela, pronto para impressionar os usuários. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 📖 Repositório: https://github.com/lvsouza/youtube-react-native-forca-play/tree/849cf3590ce933949da0e708c2156be670c5db1c 🎮 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 CODARSE - [Membros apenas] Tratando diferentes tamanhos de telas #reactnative #reactjs #javascript #typescript #frontend #mobiledevelopment #programming #coding #devlife #learncoding #mobileapp #appdevelopment #webdevelopment #developer #reactnativecourse

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