Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev2.1.0

datetime_picker_formfield_new

Um TextFormField que emite DateTimes e ajuda a exibir diálogos de seleção de estilo Material, Cupertino e outros.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
8,4 mil
Curtidas
34
Pontos Pub
140

Instalar pacote

flutter pub add datetime_picker_formfield_new

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter que fornece um TextFormField capaz de emitir valores DateTime e integrar-se com diálogos de seleção de data/hora estilizados do Material, Cupertino e outros. Simplifica o manuseio de formulários ao combinar campos de entrada com interfaces de seleção intuitivas em várias plataformas. Projetado para uso contínuo em formulários que exigem seleção de data ou hora, suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O pacote melhora a experiência do usuário oferecendo seletores consistentes e adaptáveis às plataformas com configuração mínima.

Casos de uso

  • Campos de formulário que exigem seleção de data/hora
  • entrada de data/hora multiplataforma
  • Integração com validação de formulário
  • Estilo personalizável do seletor
  • Atualizações dinâmicas de campos de formulário
  • Entrada de tempo amigável ao usuário em aplicativos móveis e web

Principais recursos

  • Suporta seletores Material e Cupertino
  • Emite objetos DateTime
  • Compatibilidade multiplataforma
  • Integração fácil com widgets Form
  • Aparência personalizável do diálogo
  • Suporte de validação embutido

Indicado para

  • Desenvolvedores criando formulários multiplataforma
  • Aplicativos que precisam de entrada de data/hora com aparência nativa
  • Equipes que priorizam a experiência do usuário consistente entre dispositivos
  • Projetos usando a arquitetura de formulários do Flutter
  • Usuários que desejam mínimo boilerplate para seletores de data

Considerações

  • Requer Flutter 2.0+
  • Pode ser necessário estilos adicionais para temas complexos
  • Limitado a formatos básicos de data/hora
  • Sem suporte de localização embutido
  • Depende do comportamento do seletor da plataforma subjacente
  • Não adequado para interfaces de seleção altamente personalizadas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

DateTimeField

A TextFormField that emits DateTimes and helps show Material, Cupertino, and other style picker dialogs.

Fork with support for flutter >3.0.0

Example

See the example tab (example/lib/main.dart) for more.

screenshot.gif

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:datetime_picker_formfield/datetime_picker_formfield.dart';

// ...

class BasicDateField extends StatelessWidget {
  final format = DateFormat("yyyy-MM-dd");
  @override
  Widget build(BuildContext context) {
    return Column(children: <Widget>[
      Text('Basic date field (${format.pattern})'),
      DateTimeField(
        format: format,
        onShowPicker: (context, currentValue) {
          return showDatePicker(
            context: context,
            firstDate: DateTime(1900),
            initialDate: currentValue ?? DateTime.now(),
            lastDate: DateTime(2100),
          );
        },
      ),
    ]);
  }
}

class BasicTimeField extends StatelessWidget {
  final format = DateFormat("HH:mm");
  @override
  Widget build(BuildContext context) {
    return Column(children: <Widget>[
      Text('Basic time field (${format.pattern})'),
      DateTimeField(
        format: format,
        onShowPicker: (context, currentValue) async {
          final time = await showTimePicker(
            context: context,
            initialTime: TimeOfDay.fromDateTime(currentValue ?? DateTime.now()),
          );
          return DateTimeField.convert(time);
        },
      ),
    ]);
  }
}

class BasicDateTimeField extends StatelessWidget {
  final format = DateFormat("yyyy-MM-dd HH:mm");
  @override
  Widget build(BuildContext context) {
    return Column(children: <Widget>[
      Text('Basic date & time field (${format.pattern})'),
      DateTimeField(
        format: format,
        onShowPicker: (context, currentValue) async {
          return await showDatePicker(
            context: context,
            firstDate: DateTime(1900),
            initialDate: currentValue ?? DateTime.now(),
            lastDate: DateTime(2100),
          ).then((DateTime? date) async {
            if (date != null) {
              final time = await showTimePicker(
                context: context,
                initialTime:
                    TimeOfDay.fromDateTime(currentValue ?? DateTime.now()),
              );
              return DateTimeField.combine(date, time);
            } else {
              return currentValue;
            }
          });
        },
      ),
    ]);
  }
}

Categorias

Selecionador de Data e Hora

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote