Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Olá, Dev! Seja bem-vindo a mais uma aula do nosso curso Base de React Native. Hoje vamos continuar a evolução da nossa aplicação e dar um passo importante na configuração dos inputs e botões dentro da tela Home e da tela de Set Username. A ideia é deixar essas telas funcionais e próximas do protótipo, garantindo que já possamos interagir com os campos e preparar a base para as próximas etapas do projeto. Durante a aula, você vai aprender como transformar um simples TextInput em algo mais sofisticado, controlando a edição, estilização e até mesmo o comportamento entre Android e iOS. Vamos resolver juntos algumas diferenças de plataforma que podem causar dor de cabeça para quem desenvolve em React Native, como cliques que funcionam em um sistema e não no outro. Além disso, você vai ver na prática como estruturar estilos e aplicar boas práticas para manter o código limpo e reutilizável. No final, você terá uma tela com inputs configurados, placeholders estilizados, navegação funcional e comportamentos ajustados para diferentes dispositivos. Esse conhecimento é essencial para qualquer Dev que quer realmente dominar o React Native e entender como lidar com os desafios do desenvolvimento multiplataforma. Então, dá o play e bora construir juntos essa parte fundamental do app! 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/9f7639f35c071f62ae90991312311ba5617d3444 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:29 | Avisos importantes 0:55 | Adicionando o TextInput como um button 7:30 | Resolvendo problemas do IOS 10:25 | Criando o TextInput na tela de SetUserName 14:00 | Corrigindo mais problemas de visual do IOS 18:10 | E resolvendo MAIS problemas de visual entre platafromas 19:50 | Finalização e agradecimentos CODARSE - Componentizando o projeto #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
