flutter_timeline

Visão geral do pacote

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

Um widget de linha do tempo totalmente personalizável para Flutter, projetado com referências a aplicações do mundo real em mente. Ele suporta configurações flexíveis de layout, permitindo que desenvolvedores criem linhas do tempo dinâmicas e interativas para eventos, processos ou dados históricos. O widget foi construído para ser de propósito geral, tornando-se adequado para diversos casos de uso, como rastreamento de projetos, fluxos de onboarding e históricos de eventos. Com opções intuitivas de personalização, ele se adapta perfeitamente às diferentes necessidades de design, mantendo desempenho e legibilidade.

Casos de uso

rastreamento de progresso do projeto
sequências de onboarding de usuário
Exibições de eventos históricos
Visualização de fluxo de processo
Histórico de alterações do aplicativo

Principais recursos

Design altamente personalizável
Suporta layouts verticais e horizontais
Configuração de item de evento extensível
Renderização responsiva e performática
Suporte de animação embutido

Indicado para

Desenvolvedores de aplicativos orientados por processos
Designers que precisam de componentes flexíveis de linha do tempo
Aplicativos que exigem sequenciamento de eventos visuais

Considerações

Requer configuração manual para animações complexas
Otimizações específicas de plataforma limitadas
Nenhuma utilidade de formatação de data embutida
Mais adequado para conteúdo estático ou semi-dinâmico
Depende de estilos externos para integração de tema

README original

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

framework: flutter platform: Android, iOS, Web, macOS, Linux, Windows tags: flutter, timeline, flutter timeline, timeline tile title: flutter timeline

logo

a fully customizable & general timeline widget, based on real-world application references

✅ fully customizable indicator dot
✅ support spacing between indicator dot and lines
✅ support spacing between event (items) but leaving the line connected
✅ uses custom paint, but yet, indicator and body are fully customizable.
✅ 2 real-world demos
✅ L2R support
✅ anchor support
✅ global offset support
✅ item offset support
✅ supported & used by enterprise, constantly updated, used on production application.

Installation

dependencies:
  flutter_timeline: latest

usage

simple

  TimelineEventDisplay get plainEventDisplay {
    return TimelineEventDisplay(
        child: TimelineEventCard(
          title: Text("just now"),
          content: Text("someone commented on your timeline ${DateTime.now()}"),
        ),
        indicator: TimelineDots.of(context).circleIcon);
  }

  List<TimelineEventDisplay> events;

  Widget _buildTimeline() {
    return TimelineTheme(
        data: TimelineThemeData(lineColor: Colors.blueAccent),
        child: Timeline(
          indicatorSize: 56,
          events: events,
        ));
  }

  void _addEvent() {
    setState(() {
      events.add(plainEventDisplay);
    });
  }

using offset

Widget _buildTimeline() {
  return Timeline(
      indicatorSize: 56,
      events: events,
      altOffset: Offset(0, -24) // set offset
  );
}

using anchor & offset

  TimelineEventDisplay get plainEventDisplay {
    return TimelineEventDisplay(
        anchor: IndicatorPosition.top,
        indicatorOffset: Offset(0, 24),
        child: TimelineEventCard(
          title: Text("multi\nline\ntitle\nawesome!"),
          content: Text("someone commented on your timeline ${DateTime.now()}"),
        ),
        indicator: randomIndicator);
  }

Buscar pacotes, repositórios e categorias de apps