Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de checkmark
Detalhes do pacotev0.0.2+1

checkmark

Marca de verificação animada. Personalize cores, curvas, duração e muito mais.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
10
Curtidas
26
Pontos Pub
160

Instalar pacote

flutter pub add checkmark

Visão geral do pacote

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

Um pacote Flutter que fornece um widget de marca de verificação animado, permitindo personalização de cores, curvas de animação, duração e muito mais. Projetado para fornecer feedback visual suave em interfaces do usuário, melhora a validação de formulários, conclusão de tarefas e elementos interativos. O pacote é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, garantindo comportamento consistente entre dispositivos. Ideal para desenvolvedores que buscam uma animação de marca de verificação leve, reutilizável e visualmente atraente.

Casos de uso

  • Feedback de validação de formulário
  • indicadores de conclusão de tarefa
  • Estados interativos do botão
  • Transições de sucesso ao carregar
  • indicadores de progresso de onboarding

Principais recursos

  • Cores personalizáveis
  • Duração de animação ajustável
  • animações de curva suave
  • Suporte multiplataforma
  • Integração simples com o Flutter
  • Largura de traço configurável

Indicado para

  • Designers de UI/UX usando Flutter
  • Desenvolvedores construindo formulários ou listas de verificação
  • Aplicativos que precisam de confirmação visual de ações
  • Necessidades de animação leve
  • Projetos que exigem visualização consistente de feedback

Considerações

  • Limitado à animação de marca de verificação apenas
  • Sem suporte embutido a texto ou rótulo
  • Requer posicionamento manual no layout
  • Animação pode não ser adequada para jogos de alto desempenho
  • Não adequado para transições de estado complexas

README original

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

An animated check mark widget. It automatically animates when you toggle it on/off. It can also be styled.

Appearance

Parameters

class CheckMark extends ImplicitlyAnimatedWidget {
  const CheckMark({
    Key? key,
    Duration duration = const Duration(milliseconds: 300),
    Curve curve = Curves.linear,
    VoidCallback? onEnd,
    this.active = false,
    this.activeColor = const Color(0xff4fffad),
    this.inactiveColor = const Color(0xffe3e8ed),
    this.strokeWidth = 5,
    this.strokeJoin = StrokeJoin.round,
    this.strokeCap = StrokeCap.round,
  })
}

Usage

Check the /example folder for an example of the above functionality.

Minimal example:

SizedBox(
  height: 50,
  width: 50,
  child: CheckMark(
    active: checked,
    curve: Curves.decelerate,
    duration: const Duration(milliseconds: 500),
  ),
),

Additional information

If you find any problems, please file an issue if one doesn't already exist.

Categorias

Interruptor

Repositório-fonte

Projetos que usam este pacote