blurry_modal_progress_hud

Visão geral do pacote

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

BlurryModalProgressHud é um widget do Flutter que exibe um indicador de progresso modal com fundo borrado, semelhante ao ModalProgressHud, mas com apelo visual aprimorado. Ele envolve uma árvore de widgets e mostra uma sobreposição de carregamento que obscurece o conteúdo subjacente, fornecendo feedback aos usuários durante operações assíncronas. O efeito de borrão melhora a interface ao criar um aspecto moderno e translúcido. Ideal para melhorar a experiência do usuário durante estados de carregamento em múltiplas plataformas.

Casos de uso

Exibindo indicadores de carregamento durante a busca de dados
Melhorando a experiência do usuário em formulários com processamento assíncrono
Mostrando progresso em solicitações de rede
Criando sobreposições visualmente atraentes em aplicativos móveis
Melhorando a clareza da interface durante tarefas de longa duração

Principais recursos

Fundo desfocado para estética moderna
Integração de invólucro simples
Suporte multiplataforma (Android, iOS, Web, macOS, Windows, Linux)
Indicador de carregamento personalizável
Leve e fácil de implementar

Indicado para

Desenvolvedores procurando interfaces de carregamento refinadas
Aplicativos que exigem feedback de carregamento sutil, mas eficaz
Projetos com visual inspirado no Material Design 3
Equipes que priorizam a experiência do usuário durante operações assíncronas
Iniciantes do Flutter explorando indicadores de progresso

Considerações

Pode afetar o desempenho em dispositivos de baixa gama devido ao renderização de desfoque
Requer contraste de cor cuidadoso para legibilidade
Não adequado para necessidades de acessibilidade de alto contraste
Personalização limitada além do desfoque e estilos básicos
Depende das capacidades de renderização específicas do plataforma

README original

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

This is a clone and upgrade of modal_progress_hud

Just like modal_progress_hud this is a simple widget wrapper to enable modal progress hud (a modal progress indicator, hud = heads up display)

How it works

See example for details

Installation

Add the blurry_modal_progress_hud package to your pubspec.yml file.

dependencies:
  blurry_modal_progress_hud: ^1.1.1

Import the package into your dart file

import 'package:blurry_modal_progress_hud/blurry_modal_progress_hud.dart';

Usage

/// Wrap around any widget that makes an async call to show a modal progress
/// indicator while the async call is in progress.

/// The progress indicator can be turned on or off using [inAsyncCall]

/// The blurry effect's intensity can be be controlled using [blurEffectIntensity]

/// The progress indicator defaults to a [CircularProgressIndicator] but can be
/// any kind of widget. For this example the SpinKitFadingCircle package is used

/// The modal barrier can be dismissed using [dismissible]

/// The opacity of the modal barrier can be set using [opacity]

/// The color of the modal barrier can be set using [color]

/// The progress indicator can be positioned using [offset] otherwise it is
/// centered

BlurryModalProgressHUD(
    inAsyncCall: isLoading,  
    blurEffectIntensity: 4,
    progressIndicator: SpinKitFadingCircle(
    color: purpleColor,
    size: 90.0,
    ),
    dismissible: false,
    opacity: 0.4,
    color: black97Color,
    child: Scaffold(),
);

Options

Most of the parameters can be customized via the constructor

  BlurryModalProgressHUD({
    Key? key,
    required this.inAsyncCall,
    this.opacity = 0.3,
    this.color = Colors.grey,
    this.blurEffectIntensity = 1.0,
    this.progressIndicator = const CircularProgressIndicator(),
    this.offset,
    this.dismissible = false,
    required this.child,
  });

Example

See the example for a complete sample app using the blurry_modal_progress_hud

Contact

Contact me via email edinjoey@gmail.com

Buscar pacotes, repositórios e categorias de apps