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.
pull_to_refresh
2604
um widget fornecido para o componente de rolagem do Flutter para atualização ao arrastar para baixo e carregamento ao arrastar para cima
percent_indicator
2439
Biblioteca que permite exibir widgets de progresso com base em porcentagem, pode ser circular ou linear, você também pode personalizá-lo conforme suas necessidades.
flutter_easyloading
2002
✨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
1406
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.
step_progress_indicator
806
Indicador de barra composto por uma série de etapas selecionadas e não selecionadas
custom_refresh_indicator
677
Widget que facilita a implementação de um efeito de puxar para atualizar personalizado
loading_indicator
521
Uma coleção de animações de carregamento escritas em puro Dart. Pronto para uso, sem dependências adicionais
modal_progress_hud
484
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.
loader_overlay
405
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
373
Um widget Flutter que fornece atualização puxando para baixo e carregamento puxando para cima
loading_animations
263
Um pacote do Flutter com uma seleção de animações de carregamento simples, mas muito customizáveis.
sn_progress_dialog
245
Pacote de diálogo de progresso personalizável para Flutter (captura o valor do progresso)
modal_progress_hud_nsn
229
Um widget de indicador de progresso modal com Sound Null Safety. Um fork de modal_progress_hud
flutter_animation_progress_bar
212
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
progress_indicators
191
Uma coleção útil de alguns indicadores de progresso legais e animadores de texto.
loading_overlay
175
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.
pull_to_refresh_flutter3
143
um widget fornecido para o componente de rolagem do Flutter com atualização ao arrastar e carregar ao arrastar para cima
simple_circular_progress_bar
132
Pacote Flutter de código aberto, indicador de progresso circular simples.
flutter_progress_hud
125
Indicador de progresso modal altamente customizável com animação de desvanecimento.
frefresh
119
Ajuda a criar refrescamento de puxar para baixo e carregamento de puxar para cima da maneira mais simples.
flutter_overlay_loader
107
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
82
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
loading_gifs
80
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
76
Um pacote Flutter que exibe um lindo overlay loader com appIcon ao iniciar uma chamada assíncrona
swipe_refresh
75
Conjunto de widgets que permite a atualização por meio do gesto de arrastar para baixo.
liquid_progress_indicator_v2
62
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
page_view_dot_indicator
59
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
loading
59
Um widget flutter de indicador de progresso de carregamento. Fácil de usar, fácil de estender.
simple_fontellico_progress_dialog
57
Este pacote ajuda a exibir um diálogo de progresso com diferentes tipos de indicadores de carregamento
flutter_animated_loadingkit
57
Uma coleção de indicadores de carregamento personalizados animados com Flutter
pull_to_refresh_notification
56
Plugin Flutter para construir efeitos de puxar para atualizar rapidamente com PullToRefreshNotification e PullToRefreshContainer
circular_seek_bar
54
Pacote de barra de progresso / seek circular para Flutter que suporta animações personalizáveis, traços e gradientes
square_percent_indicater
51
Pacote Flutter mostrando valor de porcentagem de progresso em forma quadrada. O indicador de porcentagem em forma quadrada é comumente usado em designs.
linear_progress_bar
48
Indicador de progresso linear avançado do Flutter e Dart, como a barra de progresso nativa do Android.
screen_loader
45
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.
flutter_svprogresshud
45
Um HUD de progresso limpo e leve para aplicativos do flutter, baseado no SVProgressHUD.
dashed_circular_progress_bar
42
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
blurry_modal_progress_hud
39
Assim como o modal_progress_hud, este é um widget simples que envolve uma hud de progresso modal
flutter_advanced_progress
36
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.
water_bottle
35
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.
loading_overlay_pro
33
Um novo projeto Flutter com um conjunto simples de animações de carregamento para projetos Flutter.
simple_progress_indicators
33
Pacote de indicadores de progresso simples com cores sólidas e gradientes. Pode ser usado para mostrar progresso ou para animações simples.
future_progress_dialog
32
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
wave_progress_bars
30
Um pacote que fornece uma maneira fácil de adicionar barras de onda em projetos Flutter.
square_progress_bar
26
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.
multi_circular_slider
25
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_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.
modal_progress_indicator
23
Indicador de progresso modal configurável que bloqueia o acesso a um widget envolvido e sua subárvore
load
22
Widget de carregamento global, biblioteca pura do flutter, sem uso de código nativo. É semelhante ao OKToast em uso.
progresso
21
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
20
Indicador de atividade altamente personalizável (spinner) para seus aplicativos Flutter baseado no pacote cupertino
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.
intervalprogressbar
15
Uma barra de progresso de intervalo para Flutter. Progresso horizontal, vertical, colorido e com intervalo.
cupertino_progress_bar
14
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.
colorful_progress_indicators
10
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.