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
