intervalprogressbar

Visão geral do pacote

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

Um pacote Flutter que fornece uma barra de progresso com intervalos personalizáveis, suportando orientações horizontal e vertical. Possui cores vibrantes e a capacidade de exibir múltiplos intervalos de progresso, tornando-se ideal para visualizar progressos segmentados ou tarefas baseadas no tempo. A barra de progresso é projetada para ser intuitiva e visualmente envolvente, adequada para aplicações que exigem feedback dinâmico de progresso. Integra-se perfeitamente ao sistema de widgets do Flutter e é fácil de implementar com mínima configuração.

Casos de uso

Visualizando o progresso segmentado em aplicativos
Exibindo intervalos baseados em tempo
Melhorando o feedback do usuário nas telas de carregamento
Criando indicadores de progresso animados
Mostrando conclusão de tarefas em múltiplos estágios

Principais recursos

Suporte para orientação horizontal e vertical
Aparência colorida e personalizável
Suporte para múltiplos intervalos de progresso
Integração simples com o Flutter
Transições de animação suaves

Indicado para

Desenvolvedores de aplicativos de rastreamento de tarefas
Designers procurando elementos de UI envolventes
Aplicativos que exigem visualização de progresso baseada no tempo
Projetos com processos de múltiplos passos

Considerações

Personalização limitada por plataforma
Sem suporte embutido para recursos de acessibilidade
Pode exigir estilos adicionais para layouts complexos
Não otimizado para atualizações de muito alta frequência

README original

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

An interval progress widget for Flutter.

Preview

v1	v2

Depend on it

https://pub.dev/packages/intervalprogressbar

Add this to your package's pubspec.yaml file:

dependencies:
  intervalprogressbar: ^{last_version}

Features

Horizontal
Vertical
Circle
Interval Progress
Colorful

Getting Started

Usage

Widget buildHorizontal() => IntervalProgressBar(
    direction: IntervalProgressDirection.horizontal,
    max: 30,
    progress: 10,
    intervalSize: 2,
    size: Size(400, 10),
    highlightColor: Colors.red,
    defaultColor: Colors.grey,
    intervalColor: Colors.transparent,
    intervalHighlightColor: Colors.transparent,
    reverse: true,
    radius: 0);

Widget buildVertical() => Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [10, 29, 18, 27, 16, 15, 24, 3, 20, 10].map<Widget>((i) {
      return Padding(
          padding: EdgeInsets.only(right: 10),
          child: IntervalProgressBar(
              direction: IntervalProgressDirection.vertical,
              max: 30,
              progress: i,
              intervalSize: 2,
              size: Size(12, 200),
              highlightColor: Colors.red,
              defaultColor: Colors.grey,
              intervalColor: Colors.transparent,
              intervalHighlightColor: Colors.transparent,
              reverse: true,
              radius: 0));
    }).toList());

Widget buildCircle() => IntervalProgressBar(
      direction: IntervalProgressDirection.circle,
      max: 30,
      progress: 10,
      intervalSize: 2,
      size: Size(200, 200),
      highlightColor: Colors.red,
      defaultColor: Colors.grey,
      intervalColor: Colors.transparent,
      intervalHighlightColor: Colors.transparent,
      reverse: true,
      radius: 0,
      intervalDegrees: 5,
      strokeWith: 5,
    );

Property

Property	type	note
direction	`enum`	ProgressBar's direction, support `vertical` and `horizontal`
max	`int`	count of default blocks
progress	`int`	count of highlight blocks
intervalSize	`int`	size of interval blocks. when `vertical` direction, means height, when `horizontal` direction, means width
size	`Size`	size of this widget
highlightColor	`Color`	color of highlight blocks
defaultColor	`Color`	color of default blocks
intervalColor	`Color`	color of default intervals
intervalHighlightColor	`Color`	color of intervals which between highlight blocks
reverse	`bool`
radius	`int`
intervalDegrees	`double`	support for circle progress
strokeWith	`int`	support for circle progress

Buscar pacotes, repositórios e categorias de apps