loading_animation_widget

Instalar pacote

flutter pub add loading_animation_widget

Visão geral do pacote

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

Um pacote Flutter que fornece animações de carregamento personalizáveis, rotores e carregadores para indicar visualmente estados de carregamento ou processamento em aplicativos. Ele suporta vários estilos de animação e é ideal para melhorar a experiência do usuário durante operações assíncronas. O widget é leve, fácil de integrar e funciona em todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Perfeito para mostrar progresso quando os dados estão sendo buscados ou tarefas estão em andamento.

Casos de uso

Exibindo estado de carregamento durante chamadas de API
Indicando processamento em segundo plano
Melhorando a IU durante a busca de dados
Mostrando progresso de inicialização do aplicativo
Melhorar a experiência do usuário durante as transições de tela

Principais recursos

Vários estilos de animação embutidos
Tamanho e cor personalizáveis
Compatibilidade multiplataforma
Integração simples com o Flutter
Leve e performático
Suporta carregadores circulares e lineares

Indicado para

Desenvolvedores construindo interfaces responsivas
Aplicativos que exigem feedback visual durante operações assíncronas
Designers de UI/UX procurando indicadores animados
Projetos direcionados a múltiplas plataformas

Considerações

Pode exigir estilos adicionais para designs complexos
Personalização limitada além das propriedades básicas
Não otimizado para atualizações extremamente de alta frequência

README original

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

How to use

Installation

Add loading_animation_widget: to your pubspec.yaml dependencies then run flutter pub get

 dependencies:
  loading_animation_widget:

Import

Add this line to import the package.

import 'package:loading_animation_widget/loading_animation_widget.dart';

All loading animation APIs are same straight forward. There is a static method for each animation inside LoadingAnimationWidget class, which returns the Object of that animation. Both size and color are required some animations need more than one color.

Loading animation with one color

Scaffold(
    body: Center(
      child: LoadingAnimationWidget.staggeredDotsWave(
        color: Colors.white,
        size: 200,
      ),
    ),

Loading animation with more than one color. You have to provide both required colors.

Scaffold(
    body: Center(
        child: LoadingAnimationWidget.twistingDots(
          leftDotColor: const Color(0xFF1A1A3F),
          rightDotColor: const Color(0xFFEA3799),
          size: 200,
        ),
      ),