Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso base de React Native 2025: #32 - Como adicionar um DATE TIMER PICKER no REACT NATIVE com Expo
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #32 - Como adicionar um DATE TIMER PICKER no REACT NATIVE com Expo

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 Fala, Dev! Nessa aula do nosso curso Base de React Native, vamos deixar o nosso formulário muito mais completo e funcional ao integrar um componente de Date Time Picker. Você vai aprender como substituir o input de texto por um campo que permite selecionar data e hora de forma prática e visual, usando pacotes confiáveis da comunidade do React Native. Vamos explorar tanto o Android quanto o iOS, garantindo que o componente funcione perfeitamente em ambos os sistemas e que a experiência do usuário seja fluida e intuitiva. Além disso, vamos configurar todo o state necessário para exibir e manipular o componente, permitindo que a seleção da data e hora seja refletida corretamente na tela do aplicativo. Vou te mostrar passo a passo como tratar a captura da data, como exibir no formato correto para o Brasil e como tornar o input interativo como um botão. Essa aula é essencial para quem quer criar formulários completos, que se comportem de forma profissional e estejam prontos para salvar registros nos próximos módulos do curso. Ao final, você terá um formulário interativo e pronto para receber dados reais, já preparado para a próxima etapa, que será salvar e listar os registros. Se você quer dominar a manipulação de datas, componentes interativos e aproveitar pacotes da comunidade para agilizar seu desenvolvimento em React Native, essa aula é para você. Dá o play e vem codar comigo, garantindo que seu app fique profissional, funcional e pronto para evoluir ainda mais nas próximas aulas. 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/502b43a1e0aa207063782d7a54f0f59a1b085572 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:25 | Avisos importantes 2:00 | Qual biblioteca utilizar para criar um datetime picker 5:00 | Instalando os pacotes necessários 5:45 | Como utilizar a lib no projeto 7:23 | Adicionando componente no form 9:00 | Como fazer o input abrir o componente de calendário 15:15 | Finalização e agradecimentos CODARSE - Novos componentes #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