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
