animated_switcher_plus

Visão geral do pacote

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

AnimatedSwitcherPlus fornece efeitos de transição pré-construídos para o AnimatedSwitcher do Flutter, incluindo animações de giro, zoom e translação. Simplifica a implementação de transições visuais suaves ao substituir widgets na árvore de widgets. Projetado para melhorar a experiência do usuário com código mínimo, ele estende o AnimatedSwitcher com animações prontas para uso que lidam eficientemente com mudanças comuns na interface em várias plataformas. Ideal para interfaces dinâmicas onde o feedback visual é importante.

Casos de uso

Animando substituições de elementos da interface
Criando transições suaves em listas dinâmicas
Melhorar navegação ou mudanças de estado
Melhorando o feedback visual em componentes interativos
Construindo painéis responsivos com conteúdo dinâmico

Principais recursos

Transição de giro pré-construída
Animação de zoom in/out
Transições baseadas em tradução
Integração fácil com AnimatedSwitcher
Suporte multiplataforma (Android, iOS, Web, macOS, Windows, Linux)

Indicado para

Desenvolvedores procurando efeitos de transição rápidos
Designers de UI/UX implementando interfaces animadas
Aplicativos que exigem atualizações de conteúdo dinâmico
Projetos focados em interações visuais refinadas
Iniciantes do Flutter explorando animações

Considerações

Limitado a transições pré-definidas
Pode exigir estilos adicionais para layouts complexos
Não adequado para lógica de animação altamente personalizada
O desempenho depende da complexidade da transição
Melhor usado com estados estáveis de widget

README original

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

Prebuilt transitions for Animated Switcher such as flip, zoom and translation.

Features

Easily animate between two widgets
No need to provide both the first and second child simultaneously, unlike similar packages

Transitions

AnimatedSwitcherPlus.blur
AnimatedSwitcherPlus.flipX
AnimatedSwitcherPlus.flipY
AnimatedSwitcherPlus.zoomIn
AnimatedSwitcherPlus.zoomOut
AnimatedSwitcherPlus.translationLeft
AnimatedSwitcherPlus.translationRight
AnimatedSwitcherPlus.translationTop
AnimatedSwitcherPlus.translationBottom
AnimatedSwitcherPlus.wipeX ( Suitable for same-size widgets )
AnimatedSwitcherPlus.wipeY ( Suitable for same-size widgets )
AnimatedSwitcherPlus.revealX
AnimatedSwitcherPlus.revealY
AnimatedSwitcherPlus.revealCircular
AnimatedSwitcherPlus.wiggleRadial

Usage

AnimatedSwitcherPlus.flipX(  
 duration: const Duration(milliseconds: 1500),
 child: _showFirstChild ?
  const Text('Primary Text', key: ValueKey(0)) :
  const Text('Secondary Text', key: ValueKey(1)),
);

Note: If you are using the same type of widget, change the child key to notify the AnimatedSwitcher that the child has changed. Otherwise, the transition will not occur

Buscar pacotes, repositórios e categorias de apps

Instalar pacote