Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de calendar_timeline
Detalhes do pacotev1.1.3

calendar_timeline

Um seletor de data horizontal que ocupa pouco espaço na tela, para que possamos sempre tê-lo visível e facilitar seu uso com uma mão.

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

Instalar pacote

flutter pub add calendar_timeline

Visão geral do pacote

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

CalendarTimeline é um seletor de data horizontal e compacto projetado para uso eficiente com uma mão e espaço mínimo na tela. Mantém a data atual visível o tempo todo, tornando-o ideal para aplicativos que exigem seleção frequente de datas. A disposição em linha do tempo permite aos usuários deslizar suavemente por dias, semanas ou meses. Construído com Flutter, oferece suporte a múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Sua interface limpa melhora a usabilidade em formulários, ferramentas de agendamento e planejadores diários.

Casos de uso

  • Rastreamento diário de tarefas
  • Aplicativos de agendamento
  • Planejamento de eventos
  • Seleção de data com foco em dispositivos móveis
  • Navegação com uma mão

Principais recursos

  • linha do tempo horizontalmente rolável
  • Design compacto
  • Usabilidade com uma mão
  • Suporte multiplataforma
  • Intervalo de datas personalizável

Indicado para

  • Desenvolvedores de aplicativos móveis
  • Aplicativos de produtividade
  • Integrações de calendário
  • Designs de interface do usuário minimalistas
  • fluxos de trabalho sensíveis ao tempo

Considerações

  • Limitado à seleção de data apenas
  • Nenhuma renderização de evento embutida
  • Requer manipulação manual das mudanças de data
  • Mais adequado para navegação linear no tempo
  • Pode ser necessário estilização adicional para o modo escuro

README original

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

header.jpg

Flutter widget form select a date in horizontal timeline with customizable styles.

Getting Started

You can use this package when you need to add a date picker that takes up little screen space, so we can always have it visible, and that facilitates use with one hand.

example.gif

Properties

Property Type Description
initialDate DateTime Initial date selected
firstDate DateTime First date available in calendar
lastDate DateTime Last date available in calendar
selectableDayPredicate SelectableDayPredicate Signature for predicating dates for enabled date selections
onDateSelected OnDateSelected Callback to notify that a date has been selected
leftMargin double Left margin to month and day list
monthColor Color Color for month list elements
dayColor Color Color for day list elements
activeDayColor Color Color for selected day text
activeBackgroundDayColor Color Color for selected day background
dotColor Color Color for top dots in select day
locale String Locale string to get formatted date
showYears bool Indicates if it show year selector

Use example

You can review the example folder for a complete example of using the widget.

CalendarTimeline(
  initialDate: DateTime(2020, 4, 20),
  firstDate: DateTime(2019, 1, 15),
  lastDate: DateTime(2020, 11, 20),
  onDateSelected: (date) => print(date),
  leftMargin: 20,
  monthColor: Colors.blueGrey,
  dayColor: Colors.teal[200],
  activeDayColor: Colors.white,
  activeBackgroundDayColor: Colors.redAccent[100],
  dotsColor: Color(0xFF333A47),
  selectableDayPredicate: (date) => date.day != 23,
  locale: 'en_ISO',
)

Categorias

Calendário

Dependências

Lista de dependências 2 itens

Repositório-fonte

Projetos que usam este pacote