bubble_timeline

Visão geral do pacote

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

BubbleTimeline é um widget do Flutter projetado para criar interfaces de linha do tempo interativas e personalizáveis. Permite aos desenvolvedores exibir eventos como bolhas animadas que podem ser facilmente estilizadas e organizadas. Cada bolha suporta conteúdo personalizado, cores e interações, tornando-a ideal para visualizar sequências como marcos de projeto, eventos históricos ou registros de atividade do usuário. O widget é leve e flexível, com integração simples por meio do pub.dev. Sua API limpa permite configuração rápida sem sacrificar o controle sobre o design.

Casos de uso

Exibindo cronogramas de projetos
Visualizando eventos históricos
Mostrando fluxos de atividade do usuário
Apresentando processos passo a passo
Criando interfaces de narrativa interativa

Principais recursos

bolhas de evento personalizáveis
Respostas interativas ao toque
Opções fáceis de estilo
Animações suaves
Controle flexível de layout
Suporta orientação vertical e horizontal

Indicado para

Desenvolvedores construindo aplicativos baseados em linha do tempo
Designers que precisam de componentes de interface interativos
Aplicativos que exigem visualização de eventos
Aplicações educacionais ou de portfólio
Projetos com apresentação de dados sequenciais

Considerações

Otimizações específicas de plataforma limitadas
Sem formatação de data embutida
Requer manipulação manual de grandes conjuntos de dados
Não otimizado para cronogramas muito longos
Pode ser necessário lógica adicional 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.

Bubble Timeline Package

A Flutter Widget to make interactive timeline widget.

This widget can be used to make Event Timelines, or Timelines for certain travel journey. This widget provides easy customisation of individual event bubbles.

Screenshots

Installing

To use this package:

Add the following to your pubspec.yaml file:

dependencies:
    bubble_timeline: ^1.0.5

How to Use

Simply create a BubbleTimeline widget, and pass the required params:

 BubbleTimeline(
    bubbleDiameter: 120,
    // List of Timeline Bubble Items
    items: [
        TimelineItem(
            title: 'Boat',
            subtitle: 'Travel through Oceans',
            child: Icon(
                Icons.directions_boat,
                color: Colors.white,
            ),
            bubbleColor: Colors.grey,
        ),
        TimelineItem(
            title: 'Bike',
            subtitle: 'Road Trips are best',
            child: Icon(
                Icons.directions_bike,
                color: Colors.white,
            ),
            bubbleColor: Colors.grey,
        ),
        TimelineItem(
            title: 'Bus',
            subtitle: 'I like to go with friends',
            child: Icon(
                Icons.directions_bus,
                color: Colors.white,
            ),
            bubbleColor: Colors.grey,
        ),
    ],
    stripColor: Colors.teal,
    scaffoldColor: Colors.white,
)

Use TimelineItem to add items in Timeline.

TimelineItem(
    title: 'Title',
    subtitle: 'Subtitle',
    description: 'Description',
    child: Icon(
        Icons.directions_bus,
    ),
    bubbleColor: Colors.blue,
),

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

CONTRIBUTORS

Vansh Goel

Buscar pacotes, repositórios e categorias de apps

Instalar pacote