Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de progress_indicators
Detalhes do pacotev1.0.0

progress_indicators

Uma pequena coleção de alguns indicadores de progresso e animadores de texto legais.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
6,4 mil
Curtidas
198
Pontos Pub
130

Instalar pacote

flutter pub add 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 oferece uma coleção de indicadores de progresso visualmente atraentes e animadores de texto. Projetado para melhorar a experiência do usuário com animações de carregamento suaves e personalizáveis em múltiplas plataformas. Ideal para exibir estados de carregamento, atualizar conteúdo ou animar textos em aplicativos. O pacote suporta Android, iOS, Web, macOS, Windows e Linux, garantindo desempenho e aparência consistentes em todos os dispositivos. Integração simples via pub add torna acessível para desenvolvedores que buscam elementos de interface modernos sem configurações complexas.

Casos de uso

  • Telas de carregamento
  • indicadores de atualização
  • Exibição de texto animado
  • Experiências de onboarding
  • Estados de carregamento do jogo
  • Feedback interativo do aplicativo

Principais recursos

  • Vários estilos animados de progresso
  • Ferramentas de animação de texto
  • Compatibilidade multiplataforma
  • Integração fácil
  • Cores e tamanhos personalizáveis
  • Leve e performático

Indicado para

  • designers de UI/UX
  • desenvolvedores de aplicativos móveis
  • Criadores de aplicativos web
  • Iniciantes do Flutter
  • Aplicativos que precisam de visualizações de carregamento envolventes
  • Projetos com atualizações dinâmicas de conteúdo

Considerações

  • Limitado a melhorias visuais
  • Sem gerenciamento avançado de estado
  • Não adequado para animações complexas
  • Requer estilização manual para designs únicos
  • Depende do motor de renderização do Flutter
  • Pode afetar o desempenho se usado em excesso

README original

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

Flutter progress indicators

With this project, we are aiming to provide some cool, animated progress indicators to Flutter developers.

Currently available

Sample

Here's how it looks like.

Usage

Import package:progress_indicators/progress_indicators.dart and use these avaiable widgets:

  • FadingText
  • JumpingText
  • ScalingText
  • JumpingDots
  • HeartbeatProgressIndicator
  • GlowingProgressIndicator
  • CollectionSlideTranstion
  • CollectionScaleTransition

Example

Widget build(BuildContext context) {
    print(Offset(0.0, -1.0).distanceSquared - Offset(0.0, 0.0).distanceSquared);
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text('Jumping dots'),
            JumpingDotsProgressIndicator(
              fontSize: 20.0,
            ),
            SizedBox(height: 60.0),
            new Text('Heartbeat'),
            SizedBox(height: 16.0),
            HeartbeatProgressIndicator(
              child: Icon(Icons.home),
            ),
            SizedBox(height: 60.0),
            new Text('Glowing'),
            GlowingProgressIndicator(
              child: Icon(Icons.home),
            ),
            SizedBox(height: 32.0),
            FadingText('Loading...'),
            SizedBox(height: 32.0),
            JumpingText('Loading...'),
            SizedBox(height: 32.0),
            ScalingText('Loading...'),
            SizedBox(height: 32.0),
            CollectionSlideTransition(
              children: <Widget>[
                Icon(Icons.android),
                Icon(Icons.apps),
                Icon(Icons.announcement),
              ],
            ),
            SizedBox(height: 32.0),
            CollectionScaleTransition(
              children: <Widget>[
                Icon(Icons.android),
                Icon(Icons.apps),
                Icon(Icons.announcement),
              ],
            ),
          ],
        ),
      ),
    );
  }

For complete sample, see the this example app.

Categorias

Indicadores: Carregando, Atualizar, Progresso

Repositório-fonte

Projetos que usam este pacote