Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.0.7

date_range_picker

Os seletor de intervalo de datas usam uma janela de diálogo para selecionar um intervalo de datas em dispositivos móveis.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
796
Curtidas
119
Pontos Pub
25

Instalar pacote

flutter pub add date_range_picker

Visão geral do pacote

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

O pacote date_range_picker fornece um widget de seleção de intervalo de datas amigável a dispositivos móveis que exibe um diálogo para selecionar uma data inicial e uma final. Foi projetado para aplicações Flutter voltadas para plataformas móveis, oferecendo uma interface intuitiva para os usuários escolherem um intervalo de datas. O pacote se integra perfeitamente aos princípios de design material do Flutter e permite personalização da aparência e do comportamento do seletor. É ideal para sistemas de reserva, aplicativos de agendamento ou qualquer aplicativo que exija entrada de intervalo de datas.

Casos de uso

  • Sistemas de reserva
  • Aplicações de agendamento
  • Filtragem de dados por intervalo de datas
  • Ferramentas de planejamento de viagem
  • Formulários de registro de eventos

Principais recursos

  • Seleção de data baseada em diálogo
  • Seleção de intervalo de datas de início e fim
  • Interface do usuário otimizada para dispositivos móveis
  • Aparência personalizável
  • Integração fácil com o Flutter

Indicado para

  • Desenvolvedores de aplicativos móveis
  • entrada de intervalo de data necessária
  • Aplicativos do Material Design
  • Funcionalidades de reserva e calendário
  • Seleção de data amigável ao usuário

Considerações

  • Limitado a plataformas móveis
  • Sem suporte a renderização do lado do servidor
  • Requer manipulação manual da lógica de data
  • Pode ser necessário estilização adicional para o modo escuro
  • Depende de repositório externo no GitHub

README original

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

Awesome Flutter pub version

[Deprecated] Date Range Picker

Currently Flutter has supported date range picker, so I think my mission is done. Thanks for using my lib. Link: https://api.flutter.dev/flutter/material/showDateRangePicker.html

Demo

Getting Started

Installation

Add to pubspec.yaml in dependencies

  date_range_picker: ^1.0.5
Usage
import 'package:date_range_picker/date_range_picker.dart' as DateRagePicker;
...
new MaterialButton(
    color: Colors.deepOrangeAccent,
    onPressed: () async {
      final List<DateTime> picked = await DateRagePicker.showDatePicker(
          context: context,
          initialFirstDate: new DateTime.now(),
          initialLastDate: (new DateTime.now()).add(new Duration(days: 7)),
          firstDate: new DateTime(2015),
          lastDate: new DateTime(DateTime.now().year + 2)
      );
      if (picked != null && picked.length == 2) {
          print(picked);
      }
    },
    child: new Text("Pick date range")
)
Theme Customization

To change the colors to your preferred ones, you can wrap it in a Theme and a builder.

Theme(
    data: Theme.of(context).copyWith(
        accentColor: Colors.green,
        primaryColor: Colors.black,
        buttonTheme: ButtonThemeData(
        highlightColor: Colors.green,
        buttonColor: Colors.green,
        colorScheme: Theme.of(context).colorScheme.copyWith(
            secondary: Colors.red,
            background: Colors.white,
            primary: Colors.green,
            primaryVariant: Colors.green,
            brightness: Brightness.dark,
            onBackground: Colors.green),
            textTheme: ButtonTextTheme.accent)),
            child: Builder(
                builder: (context) => RaisedButton(
                    color: Color.fromRGBO(212, 20, 15, 1.0),
                    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)),
                    child: Padding(
                        padding: const EdgeInsets.only(top: 10.0, bottom: 10.0, left: 30.0, right: 30.0),
                        child: Text(
                          "Date Picker",
                          style: TextStyle(
                            color: primaryColor,
                            fontSize: 28,
                            fontWeight: FontWeight.w300,
                          ),
                        ),
                      ),
                      onPressed: () async {
                        final List<DateTime> picked = await DateRangePicker.showDatePicker(
                            context: context,
                            initialFirstDate: new DateTime.now(),
                            initialLastDate: (new DateTime.now()).add(new Duration(days: 7)),
                            firstDate: new DateTime(2015),
                            lastDate: new DateTime(DateTime.now().year + 2));
                        if (picked != null && picked.length == 2) {
                          print(picked);
                        }
                      },
                    ),
                ),
            )

Categorias

Selecionador de Data e Hora

Repositório-fonte

Projetos que usam este pacote