📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #14 - Estilização no React Native, Styles, NativeWind e NativeBase

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native, nós vamos aprender tudo sobre como estilizar elementos dentro do React Native. Esse é um passo fundamental para que você consiga dar vida às suas interfaces e deixar seus aplicativos mais atraentes e funcionais. Diferente do que acontece na web, onde usamos diretamente o CSS, aqui trabalhamos com objetos de estilo dentro do próprio React Native, e eu vou te mostrar na prática como criar, organizar e aplicar estilos de forma clara e eficiente. Nós vamos começar entendendo como funcionam os estilos aplicados diretamente nos componentes e depois avançar para o uso do StyleSheet, que é a maneira mais organizada de manter o código limpo e fácil de manter. Durante a aula, vamos criar e estilizar um botão interativo utilizando o componente Pressable, aprendendo a aplicar propriedades como cores, tamanhos, espaçamentos e até estados diferentes quando o usuário pressiona o botão. Esse conhecimento é essencial para que você consiga construir telas bem estruturadas e adaptáveis a diferentes dispositivos. Além disso, vamos conversar sobre outras formas de trabalhar com estilos no React Native, como o uso de bibliotecas populares, por exemplo o NativeWind, que adapta o Tailwind CSS para o ambiente mobile, e também o uso de component libraries como o Native Base. Assim, você vai conhecer não só o jeito “raiz” de estilizar componentes, mas também alternativas mais rápidas e produtivas para quando estiver construindo aplicativos reais. Essa aula é a base para que você consiga evoluir suas interfaces e se prepare para projetos ainda mais completos dentro do React Native. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1542265508040591315 📖 Repositório: https://github.com/lvsouza/youtube-react-native-humor-tracker/tree/57c87c049f725f86f04e4fd194951a4bc8a0fb3f 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:30 | Avisos importantes 1:28 | Estilização base dentro do React Native 10:40 | Outros formatos de estilização do React Native 15:35 | Finalização e agradecimentos CODARSE - Estilizações no React Native #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner