show_up_animation

Visão geral do pacote

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

Um pacote Flutter projetado para simplificar a criação de animações 'show up', onde widgets aparecem suavemente na tela com tempo e efeitos personalizáveis. Ele fornece uma API limpa e intuitiva para animar elementos na tela, ideal para melhorar a experiência do usuário em aplicativos com conteúdo dinâmico. O pacote é compatível com todas as principais plataformas, incluindo móvel, web e desktop, garantindo comportamento consistente entre dispositivos. Os desenvolvedores podem aplicar facilmente animações de entrada a qualquer widget sem precisar escrever lógica de animação complexa.

Casos de uso

Telas de onboarding
Transições de conteúdo carregando
animações de revelação de itens da lista
Entradas de pop-up modal
Atualizações dinâmicas da interface

Principais recursos

API simples para animações de entrada
Duração e atraso personalizáveis
Compatibilidade multiplataforma
Suporta vários tipos de animação
Integração fácil com widgets existentes

Indicado para

Desenvolvedores iniciantes do Flutter
Designers de UI/UX implementando microinterações
Aplicativos que exigem transições visuais suaves
Projetos com carregamento dinâmico de conteúdo
Melhorando o engajamento do usuário por meio de animação

Considerações

Pode afetar o desempenho se usado em excesso
Personalização limitada além das animações básicas
Requer um tempo cuidadoso para evitar efeitos desagradáveis
Não adequado para sequências de animação complexas
Melhor usado com moderação para manter a clareza da UX

README original

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

A flutter package to simplify the implementation of "show up" animation

Getting Started

Install dependencies

dependencies:
  show_up_animation: ^2.1.2

Then import wherever you want to implement the animation

import 'package:show_up_animation/show_up_animation.dart';

ShowUpAnimation

Wrap any widget you want to animate inside ShowUpAnimation widget and provide a Duration() to delayStart field to control after how much delay the animation fires.

ShowUpAnimation(
  delayStart: Duration(seconds: 1),
  animationDuration: Duration(seconds: 1),
  curve: Curves.bounceIn,
  direction: Direction.vertical,
  offset: 0.5,
  child: YourWidget(),
),

ShowUpList

To create a list of "show up" animations, use ShowUpList and provide your list of widgets to children parameter.

ShowUpList(
  direction: Direction.horizontal,
  animationDuration: Duration(milliseconds: 1500),
  delayBetween: Duration(milliseconds: 800),
  offset: -0.2,
  children: <Widget>[
    Widget1(),
    Widget2(),
    Widget3(),
    Widget4(),
  ],
),

Properties

ShowUpAnimation Properties

You can customize how to do you want to animate your child using the parameters described below.

Property	Function
child	The widget on which to apply the given `ShowUpAnimation`
offset	The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2
curve	The curve used to animate the [child] into view. Defaults to [Curves.easeIn]
direction	horizontal or vertical
delayStart	The delay with which to animate the [child]. Takes in a [Duration] and defaults to 0 seconds
animationDuration	The total duration in which the animation completes. Defaults to 800 milliseconds

ShowUpList Properties

Property	Function
children	The list of widgets on which to apply the given `ShowUpAnimation`
offset	The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2
curve	The curve used to animate each [child] into view. Defaults to [Curves.easeIn]
direction	horizontal or vertical
delayBetween	he delay between animating each [children] into view. Takes in a [Duration] and defaults to 300 milliseconds
animationDuration	The total duration in which the animation of each child completes. Defaults to 500 milliseconds

Buscar pacotes, repositórios e categorias de apps