Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso base de React Native 2025: #24 - Criando o componente de TextInput
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #24 - Criando o componente de TextInput

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

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