Curso base de React Native 2025: #32 - Como adicionar um DATE TIMER PICKER no REACT NATIVE com Expo
Автор: Lucas Souza Dev
Загружено: 2025-11-15
Просмотров: 114
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 - / discord
🎬 CodarSe - https://codarse.com
🖥️ Protótipo no Figma: https://www.figma.com/community/file/...
📖 Repositório: https://github.com/lvsouza/youtube-re...
Outros cursos no canal:
🎩 Figma para DEVs - • Figma para DEVs: #00 - Apresentação do curso
☪️ Curso de estilização no React - • Estilização no React: Aula 00 - Curso de f...
💎 Curso base de React - • Curso base de React 2025: #00 - Apresentaç...
👑 React, Material UI 5 e Typescript - • React, Material UI 5 e Typescript: #00 - I...
🏆 Curso de API Rest, Node e Typescript - • API Rest, Node e Typescript: #00 - Apresen...
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
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: