Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de animated_loading_border
Detalhes do pacotev0.0.2

animated_loading_border

Um pacote que nos dá uma forma moderna de mostrar uma borda animada como um espaço reservado durante o carregamento do nosso widget, com personalização fácil e pronto para uso.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
1,8 mil
Curtidas
88
Pontos Pub
150

Instalar pacote

flutter pub add animated_loading_border

Visão geral do pacote

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

Um pacote Flutter que fornece uma borda animada como placeholder de carregamento, oferecendo um indicador visual moderno e personalizável durante o carregamento de widgets. Integra-se sem problemas em interfaces em múltiplas plataformas, permitindo que desenvolvedores apliquem facilmente bordas dinâmicas com animações suaves. O pacote é projetado para simplicidade, exigindo configuração mínima enquanto oferece amplas opções de personalização, como cor, espessura e velocidade da animação. Ideal para melhorar a experiência do usuário durante operações assíncronas.

Casos de uso

  • indicadores de estado de carregamento
  • Widgets de espaço reservado em listas
  • Feedback de envio de formulário
  • Estados de carregamento de imagem ou dados
  • Pré-visualizações de componentes interativos

Principais recursos

  • Cor e largura da borda personalizáveis
  • Efeitos de borda animados suaves
  • Compatibilidade multiplataforma
  • Integração fácil com widgets existentes
  • Velocidade e duração de animação configuráveis

Indicado para

  • Desenvolvedores procurando visuais modernos de carregamento
  • Designers de UI/UX focados em microinterações
  • Aplicativos com carregamento frequente de dados assíncronos
  • Projetos que exigem espaços reservados leves
  • Equipes priorizando feedback consistente de carregamento

Considerações

  • Limitado a indicadores de carregamento baseados em bordas
  • Pode exigir estilos adicionais para layouts complexos
  • O desempenho da animação depende das capacidades do dispositivo
  • Não adequado para padrões de carregamento não fronteiriços
  • Requer manipulação manual da lógica de estado de carregamento

README original

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

animated_loading_border

Flutter Website Dart Website MIT License

Key Definition

  • A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.

Preview

animated_loading_border animated_loading_border

Basic Usage

Import it to your project file

import 'package:animated_loading_border/animated_loading_border.dart';

And add it in its most basic form like it:

AnimatedLoadingBorder(
  child: Container(),
  controller: (animationController) {
     // Here we get animationController     
  },
);
Required parameters of AnimatedLoadingBorder
Parameter Description
Widget child The child contained by the AnimatedLoadingBorder
Optional parameters of AnimatedLoadingBorder
Parameter Default Description
ValueChanged? controller -- Callback that gives the AnimationController of the AnimatedLoadingBorder
Duration duration Duration(seconds: 4) Defines the animation duration
double cornerRadius 0.0 Defines the corner radius of the border
double borderWidth 1 Defines the width of the border
Color borderColor Colors.black Defines the color of the border
Color trailingBorderColor Colors.black Defines the color for the trailing part of the border
EdgeInsets padding EdgeInsets.zero Used to add child widget padding
bool startWithRandomPosition true Used to set starting position of SweepGradient
bool isTrailingTransparent true Used to set starting color of SweepGradient
Guideline for contributors
  • Contribution towards my repository is always welcome, i request contributors to create a pull request for development.
Guideline to report an issue/feature request

It would be great for me if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue
  • Library used

LICENSE!

animated_loading_border is MIT-licensed.

Categorias

Espaço reservado

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.