Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso avançado de React Native 2025: #11 - Configurando a responsividade simples para telas grandes
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso avançado de React Native 2025: #11 - Configurando a responsividade simples para telas grandes

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 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

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