indicadores: carregando, atualizando, progresso
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
2663
um widget fornecido para o componente de rolagem do Flutter para atualização ao arrastar para baixo e carregamento ao arrastar para cima
modal_progress_hud
483
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.
easy_refresh
403
Um widget Flutter que fornece atualização puxando para baixo e carregamento puxando para cima
loading_animations
266
Um pacote do Flutter com uma seleção de animações de carregamento simples, mas muito customizáveis.
progress_indicators
191
Uma coleção útil de alguns indicadores de progresso legais e animadores de texto.
loading_overlay
176
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
155
um widget fornecido para o componente de rolagem do Flutter com atualização ao arrastar e carregar ao arrastar para cima
frefresh
119
Ajuda a criar refrescamento de puxar para baixo e carregamento de puxar para cima da maneira mais simples.
flutter_overlay_loader
108
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.
loading_gifs
81
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.
loading
59
Um widget flutter de indicador de progresso de carregamento. Fácil de usar, fácil de estender.
square_percent_indicater
53
Pacote Flutter mostrando valor de porcentagem de progresso em forma quadrada. O indicador de porcentagem em forma quadrada é comumente usado em designs.
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.
loading_overlay_pro
34
Um novo projeto Flutter com um conjunto simples de animações de carregamento para projetos Flutter.
wave_progress_bars
30
Um pacote que fornece uma maneira fácil de adicionar barras de onda em projetos Flutter.
modal_progress_indicator
25
Indicador de progresso modal configurável que bloqueia o acesso a um widget envolvido e sua subárvore
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.
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.
flutter_hud
19
Um HUD de progresso limpo e leve para mostrar uma tarefa assíncrona em execução para Flutter
cupertino_progress_bar
15
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.
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.
