Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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

Curso base de React Native 2025: #32 - Como adicionar um DATE TIMER PICKER no REACT NATIVE com Expo

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Curso base de React Native 2025: #33 - Criando COMPONENTE de LISTA para listagem de HUMORES

Curso base de React Native 2025: #33 - Criando COMPONENTE de LISTA para listagem de HUMORES

Заявление о победе в войне / Путин выступил с обращением

Заявление о победе в войне / Путин выступил с обращением

Вайбкодинг с Cursor: сайт с нуля за 60 минут

Вайбкодинг с Cursor: сайт с нуля за 60 минут

Music for Work — Limitless Productivity Radio

Music for Work — Limitless Productivity Radio

Новое расширение Claude для Chrome: секретное оружие, которое должен использовать каждый

Новое расширение Claude для Chrome: секретное оружие, которое должен использовать каждый

Рабочая музыка для глубокой концентрации и сверхэффективности

Рабочая музыка для глубокой концентрации и сверхэффективности

Summer Mix 2025 🍓 Best Popular Songs 2025 🍓Faded, Supergirl, A Sky Full Of Star, Perfect Cover

Summer Mix 2025 🍓 Best Popular Songs 2025 🍓Faded, Supergirl, A Sky Full Of Star, Perfect Cover

Chill Mood Music 🎧 – French Relaxing Playlist

Chill Mood Music 🎧 – French Relaxing Playlist

Я в опасности

Я в опасности

Вайб-кодинг в Cursor AI: полный гайд + реальный пример проекта (подходы, техники, трюки)

Вайб-кодинг в Cursor AI: полный гайд + реальный пример проекта (подходы, техники, трюки)

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

AI → 3D → Print

AI → 3D → Print

Morning Coffee ☕❄️ Happy Music for Perfect Day ☀️ Relaxing Chillout House 2025 - 2026

Morning Coffee ☕❄️ Happy Music for Perfect Day ☀️ Relaxing Chillout House 2025 - 2026

13 ПРИЁМОВ ПО РАБОТЕ С CLAUDE CODE ОТ ЕГО СОЗДАТЕЛЯ!

13 ПРИЁМОВ ПО РАБОТЕ С CLAUDE CODE ОТ ЕГО СОЗДАТЕЛЯ!

ПЕРЕСТАНЬ ПЛАТИТЬ за Cursor AI. Используй эту БЕСПЛАТНУЮ и ЛОКАЛЬНУЮ альтернативу | VSCode+Roo Code

ПЕРЕСТАНЬ ПЛАТИТЬ за Cursor AI. Используй эту БЕСПЛАТНУЮ и ЛОКАЛЬНУЮ альтернативу | VSCode+Roo Code

Забудь VS Code — Вот Почему Все Переходят на Cursor AI

Забудь VS Code — Вот Почему Все Переходят на Cursor AI

Curso base de React Native 2025: #46 - Setup inicial do NATIVE WIND | TailwindCSS no React Native

Curso base de React Native 2025: #46 - Setup inicial do NATIVE WIND | TailwindCSS no React Native

Soulful R&B Vibes 🎧 Smooth Love Songs & Emotional Chill Mix for the Heart 🔴 LIVE 24/7

Soulful R&B Vibes 🎧 Smooth Love Songs & Emotional Chill Mix for the Heart 🔴 LIVE 24/7

Curso base de React Native 2025: #45 - Criando as TABS e navegação STACK

Curso base de React Native 2025: #45 - Criando as TABS e navegação STACK

Curso base de React Native 2025: #43 - Instalação e configuração do EXPO ROUTER

Curso base de React Native 2025: #43 - Instalação e configuração do EXPO ROUTER

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com