Publicado em: 17/05/2024
últimos vídeos
veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.
veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.
Com mais de 15 anos de experiência em tecnologia e formado pela FAAP em Administração de empresas, hoje é o CEO da Mestres da Web, empresa referência no mercado nacional e com projeções de expansão internacional.
Explorando a estrutura gerada pelo Create React App, entendendo o papel das pastas public e src, os conceitos de Virtual DOM, JSX e componentes, além de como o CSS é aplicado nos projetos React.
Explorando a criação de um layout fixo para a aplicação React, com barra lateral, barra superior e área dinâmica para conteúdo. Utilizando o React Router Dom v6 para gerenciar navegação entre rotas.
Abordando técnicas para organizar estilos em React, utilizando seletores CSS, CSS Modules, integração com React Router, reset CSS eficiente e boas práticas para garantir consistência visual e manutenibilidade.
Neste tutorial, vamos aprender a usar o pacote @react-native-community/datetimepicker para implementar seletores de data e hora em aplicações Expo.
Primeiro, instale o pacote com o comando:
npx expo install @react-native-community/datetimepickerIsso garantirá a versão compatível com seu SDK do Expo.
O componente DateTimePicker requer:
value: Data/hora inicial (ex: new Date())onChange: Callback quando o valor é alteradoExemplo mínimo:
1<DateTimePicker value={new Date()} onChange={handleChange} />Para mostrar/ocultar o picker:
show (booleano){show && <DateTimePicker... />}onPress={() => setShow(true)}O picker pode operar em dois modos:
mode='date': Seleciona apenas data (padrão)mode='time': Seleciona apenas horaE formatos de hora:
is24Hour=true: Formato 24his24Hour=false: Formato AM/PMO DateTimePicker oferece:
Lembre-se de tratar diferenças de fuso horário ao exibir valores e testar em ambos os sistemas operacionais para garantir consistência.