colorful_progress_indicators

Visão geral do pacote

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

Um pacote Flutter que permite aos desenvolvedores criar indicadores de progresso personalizáveis e vibrantes com cores definidas pelo usuário. Ele suporta uma variedade de estilos visuais e animações suaves, tornando-o ideal para melhorar o feedback visual em aplicativos em múltiplas plataformas. O pacote é leve e fácil de integrar, oferecendo flexibilidade no design sem comprometer o desempenho. Perfeito para telas de carregamento, envio de formulários ou qualquer cenário que exija visualização de progresso envolvente.

Casos de uso

animações de tela de carregamento
indicadores de envio de formulário
Progresso de busca de dados
Elementos de interface personalizados
Fluxos de onboarding

Principais recursos

Esquemas de cores definidos pelo usuário
Múltiplos estilos de animação
Suporte multiplataforma
Leve e rápido
Integração fácil com widgets do Flutter
Transições suaves

Indicado para

Desenvolvedores de aplicativos em busca de charme visual
Projetos de UI com foco em design
Aplicações móveis e web
Estados de carregamento interativos
Prototipagem com visualizações dinâmicas

Considerações

Pode exigir estilos adicionais para layouts complexos
Temas internos limitados
Não otimizado para atualizações de alta frequência
Mais adequado para rastreamento de progresso de complexidade moderada a baixa

README original

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

A package that provides user defined colorful progress indicators.

Features

Can provide list of colors to be used in the progress indicator.

Getting started

import the package in your dart file

import 'package:colorful_progress_indicator/colorful_progress_indicator.dart';

Usage

ColorfulCircularProgressIndicator

ColorfulCircularProgressIndicator(
              colors: [
                Colors.red,
                Colors.green,
                Colors.blue,
                Colors.yellow,
                Colors.purple,
                Colors.orange,
              ],
              duration:Duration(milliseconds: 500),
              initialColor: Colors.red,
            );

ColorfulLinearProgressIndicator

ColorfulLinearProgressIndicator(
              colors: [
                Colors.red,
                Colors.green,
                Colors.blue,
                Colors.yellow,
                Colors.purple,
                Colors.orange,
              ],
              duration:Duration(milliseconds: 500),
              initialColor: Colors.red,
            );

Buscar pacotes, repositórios e categorias de apps

Instalar pacote