loading_overlay_pro

Visão geral do pacote

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

loading_overlay_pro é um pacote Flutter que fornece um wrapper de widget simples com animações de carregamento personalizáveis para aplicativos Flutter. Permite aos desenvolvedores exibir facilmente indicadores de carregamento sobre qualquer widget ou tela, melhorando a experiência do usuário durante operações assíncronas. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o versátil para projetos multiplataforma. Com configuração mínima e APIs intuitivas, integra-se perfeitamente em aplicativos existentes para mostrar estados de carregamento com animações suaves.

Casos de uso

Exibindo sobreposições de carregamento durante chamadas à API
Mostrando progresso em formulários ou processamento de dados
Melhorando a experiência do usuário durante as transições de navegação
Fornecendo feedback durante tarefas em segundo plano
Implementando recarregamento por puxar com estados de carregamento

Principais recursos

Animações de carregamento personalizáveis
Integração fácil com widgets existentes
Suporte multiplataforma
Aparência de sobreposição configurável
Suporte para vários tipos de carregamento
Leve e performático

Indicado para

Desenvolvedores construindo aplicativos cross-platform com Flutter
Equipes que priorizam a UX com feedback de carregamento
Projetos que exigem indicadores de carregamento simples, mas elegantes
Aplicativos com operações assíncronas frequentes
Desenvolvimento Flutter voltado para o frontend

Considerações

Pode exigir estilos adicionais para interfaces de usuário complexas
Opções limitadas de personalização em comparação com soluções totalmente personalizadas
Impacto potencial no desempenho com sobreposições aninhadas
Não é ideal para telas de carregamento altamente animadas ou interativas
Depende de um gerenciamento adequado do estado para uso ótimo

README original

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

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

Then import the file to your project:

import 'package:loading_overlay_pro/loading_overlay_pro.dart'

Then add the following code:

 LoadingOverlayPro({
    Key key,
    @required this.isLoading,
    @required this.child,
    this.colorBackground = Colors.black54,
    this.progressIndicator = const LoadingBouncingLine.circle(),
  });

Or customize it even more!

LoadingBouncingLine.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 120.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

or add header and bottom

      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),

For more customization, please look inside the loading animation files.

Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Example

To run file example, please use flutter 1.19.x or 1.20.x

Buscar pacotes, repositórios e categorias de apps