Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do nosso curso avançado de React Native, vamos mergulhar de cabeça na responsividade do nosso app. Vou te mostrar passo a passo como ajustar as telas do nosso jogo da forca para que elas fiquem bonitas e funcionais em qualquer tamanho de dispositivo, desde smartphones até tablets. A ideia é transformar o app em uma experiência consistente para todos os usuários, evitando que elementos fiquem esticados, desproporcionais ou mal distribuídos na tela. Vamos aplicar técnicas práticas que simplificam o processo e deixam o layout organizado sem complicação. Durante a aula, vamos explorar como usar o Native Wind e o próprio React Native para criar larguras máximas, centralizar conteúdos e ajustar paddings, garantindo que cada tela se adapte de forma inteligente a diferentes resoluções. Você vai aprender a configurar scrolls, cards e elementos de interface de maneira que o app fique agradável visualmente, sem desperdício de espaço ou visual estranho. Esses ajustes vão além do simples design: eles tornam o app mais profissional, funcional e pronto para encantar os usuários, inclusive na hora de atualizar as screenshots na Play Store. Ao final, nosso aplicativo estará bem mais coerente e organizado, proporcionando uma experiência fluida em qualquer dispositivo. Essa aula é essencial para quem quer entregar apps profissionais e com boa usabilidade, e os conceitos que vamos aplicar podem ser reutilizados em qualquer outro projeto que você venha a desenvolver. Seguindo essas práticas, você terá domínio sobre a responsividade e aprenderá como pequenos ajustes podem fazer uma diferença enorme na aparência e funcionalidade do seu app. 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/b9bf43ea7335ac842f12b5e2ec8388ddbaf51b19 🎮 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
