animated_flutter_widgets

Visão geral do pacote

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

Um pacote versátil do Flutter que permite aos desenvolvedores adicionar facilmente animações cativantes a qualquer widget. Ele oferece uma coleção de widgets animados pré-concebidos, simplificando o processo de melhorar a interatividade da IU e seu apelo visual. Com suporte em todas as principais plataformas, é ideal para criar experiências de usuário envolventes sem código personalizado extenso de animação. O pacote é bem documentado e se integra suavemente em projetos existentes.

Casos de uso

Criando elementos de interface dinâmicos
Melhorando telas de boas-vindas do aplicativo
Adicionando microinterações a botões
Animando itens da lista
Melhorando o engajamento do usuário com feedback visual

Principais recursos

widgets animados pré-construídos
Integração fácil com a interface existente
Suporte multiplataforma
Código de boilerplate mínimo
Desempenho suave
Parâmetros de animação personalizáveis

Indicado para

Designers de UI em busca de charme visual
Desenvolvedores de aplicativos interativos
Startups focadas em UX refinado
Aplicativos educacionais com conteúdo envolvente
Aplicativos que exigem animações sutis mas eficazes

Considerações

Pode aumentar levemente o tamanho do pacote
Requer conhecimento básico de conceitos de animação
Impacto no desempenho em dispositivos de baixa gama
Personalização limitada para efeitos avançados
Não adequado para sequências de animação altamente complexas

README original

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

Introduction

Elevate your Flutter app's user interface to a whole new level with animated_flutter_widgets. This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a collection of pre-designed animated widgets for accelerated development.

Supported platforms

Android
iOS
Web
MacOS
Windows
Linux

Features

* Steady Animations

* Continuous Animations

* Page Transition Animations

* Button Tap Animations

* Animated ListViews

* Animated GridViews

* Animated AppBars

Usage

/// Check example project to explore other animations as well
/// To use these animations(Steady, Continuous & Tap Animations) wrap your widget inside the animation widgets
SlideInAnimation(
 direction: Direction.right,
 duration: const Duration(seconds: 1),
 child: YourWidget()
);

Cube3DAnimation(
 sideLength: 100,
 duration: const Duration(seconds: 4),
 isContinuous: true,
 child: YourWidget()
);

LongTapAnimation(
// pressDuration: Duration(seconds: 0),
 child: YourWidget()
);

/// To use Animated ListView & GridView
AnimatedListViewBuilder(
 itemCount: 25, // Change this to your desired item count
 customColor: ColorUtility.magenta, // Use this if you are using CollectionAnimationType.listColored
 animationType: CollectionAnimationType.leftScale, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

AnimatedGridViewBuilder(
 itemCount: 25, // Change this to your desired item count
 animationType: CollectionAnimationType.scaleOut, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

/// To use Animated AppBar
SlideInAnimatedAppBar(
 backgroundColor: ColorUtility.magenta,
 animationDuration: 1000,
 title: const Text('Second Page'),
)

/// To use Page Transition Animations
Navigator.push(context,PopAndScaleTransition(page: YourPage()));

Example

Check out the example

License

MIT License

Issues and feedback

If you have any suggestions for including a feature or if something doesn't work, feel free to open a Github issue or to open a pull request, you are more than welcome to contribute!

Contributor

Sachin Pandit (ZingWorks LLP)

Buscar pacotes, repositórios e categorias de apps

Instalar pacote