Principais indicadores do Flutter: pacotes de carregamento, atualização e progresso Um indicador é um ícone gráfico animado pequeno (chamado de spinner) que indica o status de uma tarefa ou processo específico, como o status de uma solicitação de rede, o carregamento de um ativo ou imagem, ou o progresso de uma tarefa. Muitos indicadores também incluem um rótulo de texto que fornece informações adicionais sobre o status do aplicativo ou processo. Frequentemente, o aplicativo Flutter estará realizando uma operação assíncrona e será necessário impedir que o usuário toque ou use o aplicativo enquanto essa operação estiver em andamento. Pode ser uma operação muito rápida, mas às vezes pode demorar um pouco mais devido à conectividade de rede e outros motivos. Para evitar que os usuários toquem acidentalmente no botão duas vezes ou alterem as entradas. Para resolver esse problema, pode ser exibido um indicador de carregamento em uma sobreposição enquanto a operação estiver em andamento. Esse indicador de sobreposição também é conhecido como indicador Heads-up-display (HUD). Com base na funcionalidade, os diversos tipos de indicadores disponíveis no Flutter são: * **Indicador de Carregamento** - É um indicador circular ou linear que anima enquanto a tarefa demorada está em andamento. Além do indicador, também pode ser acompanhado por um texto como "Carregando". * **Indicador de Progresso** - Os indicadores de progresso são semelhantes aos indicadores de carregamento, e eles também informam ao usuário sobre o status do processo em andamento, como a porcentagem de progresso da tarefa, o estágio do progresso, etc. Eles também podem comunicar e indicar ações disponíveis, como se os usuários podem navegar para fora da tela atual. Por exemplo, em um aplicativo de entrega hiperlocal, o usuário pode navegar para fora da tela assim que a etapa de pagamento estiver concluída, enquanto o indicador de progresso continuará atualizando. * **Indicador de Atualização** - Sempre que um usuário realiza a ação de deslizar para atualizar, deslize verticalmente para acionar um método de retorno de chamada que atualiza os dados, é exibida uma barra de progresso distinta. Este indicador de progresso também é conhecido como indicador de atualização. A lista completa de pacotes do Flutter que podem ajudá-lo a adicionar um indicador de carregamento, indicador de progresso, indicador de atualização ou indicador de Heads-up-display (HUD) ao seu aplicativo Flutter é fornecida abaixo.
custom_refresh_indicator
920
Widget que facilita a implementação de um efeito de puxar para atualizar personalizado
step_progress_indicator
888
Indicador de barra composto por uma série de etapas selecionadas e não selecionadas
loading_indicator
647
Uma coleção de animações de carregamento escritas em puro Dart. Pronto para uso, sem dependências adicionais
loader_overlay
520
Um pacote simples para simplificar o gerenciamento de tela. Ao carregar qualquer tarefa assíncrona, este pacote impede que o usuário interaja com a tela até que a tarefa assíncrona termine
easy_refresh
486
Um widget Flutter que fornece atualização puxando para baixo e carregamento puxando para cima
modal_progress_hud
486
Um widget modal de indicador de progresso (HUD = display de cabeçalho). Envolva outro widget para bloquear o acesso ao widget durante uma chamada assíncrona. Também aceita um spinner personalizado.
modal_progress_hud_nsn
280
Um widget de indicador de progresso modal com Sound Null Safety. Um fork de modal_progress_hud
sn_progress_dialog
272
Pacote de diálogo de progresso personalizável para Flutter (captura o valor do progresso)
loading_animations
268
Um pacote do Flutter com uma seleção de animações de carregamento simples, mas muito customizáveis.
flutter_animation_progress_bar
234
Este pacote de widget colorido Flutter visa mostrar uma barra de progresso de animação em estilo reativo. Também suporta barra vertical e horizontal
pull_to_refresh_flutter3
200
um widget fornecido para o componente de rolagem do Flutter com atualização ao arrastar e carregar ao arrastar para cima
progress_indicators
197
Uma coleção útil de alguns indicadores de progresso legais e animadores de texto.
loading_overlay
186
Um widget modal de indicador de progresso que aparece e desaparece. Envolva outro widget para bloquear o acesso ao widget durante uma chamada assíncrona.
simple_circular_progress_bar
174
Pacote Flutter de código aberto, indicador de progresso circular simples.
flutter_progress_hud
129
Indicador de progresso modal altamente customizável com animação de desvanecimento.
liquid_progress_indicator_v2
119
Com base em https://pub.dev/packages/liquid_progress_indicator para corrigir um problema após o Flutter 3.10. Um indicador de progresso com efeito de água no Flutter. Funciona de forma semelhante ao ProgressIndicator próprio do Flutter
frefresh
119
Ajuda a criar refrescamento de puxar para baixo e carregamento de puxar para cima da maneira mais simples.
flutter_overlay_loader
111
Um pacote simples do Flutter para gerenciar o carregamento de sobreposição ao buscar dados remotos ou qualquer tarefa assíncrona de longa duração. O Flutter overlay loader é fácil de usar.
widget_loading
92
Uma maneira fácil de ocultar um widget quando você ainda não tem nada para mostrar e precisa de uma animação de carregamento ao mesmo tempo
swipe_refresh
91
Conjunto de widgets que permite a atualização por meio do gesto de arrastar para baixo.
dashed_circular_progress_bar
86
Barra de progresso circular pontilhada que mostra o progresso de uma tarefa em um círculo, que pode ser personalizado em cor, estilo e forma
loading_gifs
84
GIFs de indicador de carregamento. Indicadores de carregamento do Material e Cupertino (Android e iOS) em tamanhos diversos. Usados como espaços reservados para o carregamento de ativos de imagem remotos.
overlay_loader_with_app_icon
82
Um pacote Flutter que exibe um lindo overlay loader com appIcon ao iniciar uma chamada assíncrona
linear_progress_bar
77
Indicador de progresso linear avançado do Flutter e Dart, como a barra de progresso nativa do Android.
page_view_dot_indicator
72
Um indicador de visualização de página simples e animado na forma de pontos, que você pode customizar cor, tamanho, espaço e duração
pull_to_refresh_notification
67
Plugin Flutter para construir efeitos de puxar para atualizar rapidamente com PullToRefreshNotification e PullToRefreshContainer
flutter_animated_loadingkit
65
Uma coleção de indicadores de carregamento personalizados animados com Flutter
circular_seek_bar
63
Pacote de barra de progresso / seek circular para Flutter que suporta animações personalizáveis, traços e gradientes
simple_fontellico_progress_dialog
59
Este pacote ajuda a exibir um diálogo de progresso com diferentes tipos de indicadores de carregamento
loading
59
Um widget flutter de indicador de progresso de carregamento. Fácil de usar, fácil de estender.
square_percent_indicater
56
Pacote Flutter mostrando valor de porcentagem de progresso em forma quadrada. O indicador de porcentagem em forma quadrada é comumente usado em designs.
flutter_svprogresshud
51
Um HUD de progresso limpo e leve para aplicativos do flutter, baseado no SVProgressHUD.
screen_loader
48
Fácil de usar mixin ScreenLoader, que lidará com o carregamento na tela sem usar estado ou pilha de navegação. Você também pode personalizar o carregamento.
blurry_modal_progress_hud
41
Assim como o modal_progress_hud, este é um widget simples que envolve uma hud de progresso modal
water_bottle
41
Esta biblioteca adiciona um widget de garrafa à sua tela. Você pode usá-lo como um indicador de carregamento, um rastreador de progresso ou qualquer tipo de medição que atenda às suas necessidades.
simple_progress_indicators
40
Pacote de indicadores de progresso simples com cores sólidas e gradientes. Pode ser usado para mostrar progresso ou para animações simples.
multi_circular_slider
39
um pacote Flutter para Android, iOS e Web que ajuda a criar uma barra de progresso circular animada em várias camadas que pode ajudar a exibir vários valores em uma única barra.
flutter_advanced_progress
37
Um widget de progresso avançado, que pode ser totalmente personalizado com várias propriedades, experimente e aproveite!
flare_loading
36
Widget de carregamento baseado em uma animação Flare personalizada, que permite criar widgets ou diálogos de carregamento personalizados e bonitos.
loading_overlay_pro
35
Um novo projeto Flutter com um conjunto simples de animações de carregamento para projetos Flutter.
future_progress_dialog
33
future_progress_dialog é uma biblioteca simples de diálogo de progresso para tarefas assíncronas. O FutureProgressDialog inicia quando você chama a função showDialog, mas é fechado automaticamente quando a tarefa futura é concluída
modal_progress_indicator
32
Indicador de progresso modal configurável que bloqueia o acesso a um widget envolvido e sua subárvore
wave_progress_bars
30
Um pacote que fornece uma maneira fácil de adicionar barras de onda em projetos Flutter.
square_progress_bar
28
Uma barra de progresso quadrada que pode ser usada facilmente. Basta fornecer o progresso em uma faixa de 0.0 a 1.0 e você estará pronto para começar.
flutter_progress_dialog
24
Uma biblioteca flutter para o diálogo de progresso. Fácil de exibir e ocultar. Suporte para especificar um widget de carregamento personalizado.
progresso
23
Uma barra de progresso linear para Flutter, permite um valor inicial diferente de zero, pontos ao longo da linha e estilização personalizada.
nuts_activity_indicator
22
Indicador de atividade altamente personalizável (spinner) para seus aplicativos Flutter baseado no pacote cupertino
load
22
Widget de carregamento global, biblioteca pura do flutter, sem uso de código nativo. É semelhante ao OKToast em uso.
flutter_hud
19
Um HUD de progresso limpo e leve para mostrar uma tarefa assíncrona em execução para Flutter
easy_loader
16
A forma mais fácil de lidar com um carregador simples em tela cheia no Flutter. Escrito em Dart. Totalmente customizável.
cupertino_progress_bar
16
Uma barra de progresso não interativa que inclui uma faixa que preenche da esquerda para a direita para mostrar a progressão de uma tarefa com duração conhecida.
intervalprogressbar
15
Uma barra de progresso de intervalo para Flutter. Progresso horizontal, vertical, colorido e com intervalo.
colorful_progress_indicators
11
Um pacote que fornece indicadores de progresso coloridos definidos pelo usuário.
flutter_colored_progress_indicators
9
Um widget alternativo de indicador de progresso animado para CircularProgressIndicator e LinearProgressIndicator do Flutter com acentos de cores do Google.
gradient_progress
8
Um progress bar de suporte a cores gradientes, uma maneira rápida de ter um progresso de gradiente bonito no seu aplicativo Flutter.
custom_linear_progress_indicator
6
fornece um widget de indicador de progresso linear personalizável para aplicativos Flutter, oferecendo opções de animação e customização visual.
progress_bar_countdown
3
um temporizador animado que conta regressivamente como uma barra de progresso
fancy_backdrop
2
fancy_backdrop adicionará uma camada esmaecida sobre o seu aplicativo com um spinner.
flutter_easyloading
0
✨Um widget de carregamento/toast limpo e leve para o Flutter, Fácil de usar sem contexto, Suporte para iOS, Android e Web
loading_animation_widget
0
Animação de carregamento ou indicador de carregamento. É usado para mostrar animação de carregamento quando o aplicativo está em estado de carregamento ou algo está sendo processado por tempo indeterminado.
pull_to_refresh
0
um widget fornecido para o componente de rolagem do Flutter para atualização ao arrastar para baixo e carregamento ao arrastar para cima