dynamic_timeline

Visão geral do pacote

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

DynamicTimeline é um widget do Flutter projetado para visualizar cronogramas diários, horários e gráficos de Gantt com capacidades de layout dinâmico. Permite que desenvolvedores representem dados baseados em tempo de forma interativa e personalizável, suportando orientação horizontal ou vertical. O widget se adapta a comprimentos variáveis de conteúdo e permite estilização flexível de eventos, intervalos e rótulos. Ideal para aplicativos de agendamento, ferramentas de gerenciamento de projetos ou qualquer app que exija visualizações ordenadas por tempo.

Casos de uso

Aplicativos de agendamento
painéis de gerenciamento de projetos
Interfaces de planejamento de eventos
Visualização de dados baseada em tempo
Implementações de planejador diário

Principais recursos

Layout de linha do tempo personalizável
Suporte para orientação horizontal e vertical
Renderização dinâmica de eventos
Opções de estilização extensíveis
Design responsivo para diferentes tamanhos de tela

Indicado para

Desenvolvedores construindo recursos de calendário
Equipes que gerenciam cronogramas de projetos
Aplicativos que exigem rastreamento visual do tempo
Designers de UI procurando exibições interativas de tempo
Aplicações educacionais ou produtivas

Considerações

Otimizações limitadas específicas para a plataforma
Requer manipulação manual de sobreposições complexas de eventos
Pode ser necessário ajuste de desempenho para grandes conjuntos de dados
Sem suporte embutido para interações de arrastar e soltar
Depende de gerenciamento externo de estado para atualizações dinâmicas

README original

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

A widget to create daily timelines, timetables, gantt charts* and more.

Note: This package is in early stage and has not been tested with large amount of data.

Daily timeline

Weekly timetable

Gantt chart

Features

Easy to use API.
Rezizable timeline items.
Custom label builder.

Usage

Installation

Add the following line to pubspec.yaml:

dependencies:
  dynamic_timeline: ^0.1.2

Basic set up

Make sure to check out the example for more details.

Dynamic timeline requires you to provide firstDateTime, lastDateTime, labelBuilder and a list of items.

labelBuilder: Used to build the label of each mark, normally a dateFormat will be used.
items: The events of the timeline, who are positioned according to its start and end date times.

Another important property is intervalDuration, that is the lenght of time between each mark.

Example of a daily timeline.

DynamicTimeline(
    firstDateTime: DateTime(1970, 1, 1, 7),
    lastDateTime: DateTime(1970, 1, 1, 22),
    labelBuilder: DateFormat('HH:mm').format,
    intervalDuration: const Duration(hours: 1),
    children: [
      TimelineItem(
        startDateTime: DateTime(1970, 1, 1, 7),
        endDateTime: DateTime(1970, 1, 1, 8),
        child: const Event(title: 'Event 1'),
      ),
      TimelineItem(
        startDateTime: DateTime(1970, 1, 1, 10),
        endDateTime: DateTime(1970, 1, 1, 12),
        child: const Event(title: 'Event 2'),
      ),
      TimelineItem(
        startDateTime: DateTime(1970, 1, 1, 15),
        endDateTime: DateTime(1970, 1, 1, 17),
        child: const Event(title: 'Event 3'),
      ),
    ],
),

Buscar pacotes, repositórios e categorias de apps

Instalar pacote