animation_wrappers

Visão geral do pacote

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

Animation Wrappers é um pacote Flutter que fornece uma coleção de wrappers de widget para adicionar facilmente animações a qualquer widget filho. Basta envolver um widget com um dos wrappers de animação fornecidos e os desenvolvedores podem aplicar efeitos de entrada suaves, transições e melhorias visuais sem escrever código de animação personalizado. O pacote oferece suporte a múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para aplicativos multiplataforma que buscam interações de UI refinadas. É leve e projetado para simplicidade, focando na integração rápida e resultados consistentes.

Casos de uso

Adicionando animações de entrada a elementos da interface
Criando efeitos sutis de hover ou toque
Melhorando transições de itens da lista
Melhorando telas de boas-vindas
Animando conteúdo estático em painéis
Simplificando a lógica de animação repetitiva

Principais recursos

widgets wrapper fáceis de usar
Suporta vários tipos de animação
Compatibilidade multiplataforma
Mínimo boilerplate necessário
Leve e eficiente
Sem necessidade de configuração complexa do AnimationController

Indicado para

Desenvolvedores iniciantes do Flutter
Designers de UI/UX implementando animações
Projetos que exigem integração rápida de animação
Aplicativos com layouts de conteúdo dinâmico
Desenvolvedores focados na melhoria da experiência do usuário

Considerações

Personalização limitada em comparação com animações manuais
Pode não suportar sequências avançadas de animação
Mais adequado para padrões simples e comuns de animação
Não é ideal para animações altamente complexas ou únicas
Depende das atualizações do pacote para novos recursos

README original

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

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit

Buscar pacotes, repositórios e categorias de apps