simple_ripple_animation

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 animação de ondulação simples e personalizável. Permite aos desenvolvedores adicionar facilmente efeitos visuais de ondulação a botões, toques ou qualquer elemento interativo em múltiplas plataformas. A animação é suave e oferece suporte a cores, tamanhos e durações personalizadas, tornando-a ideal para melhorar o feedback do usuário nos aplicativos. Com configuração mínima, integra-se perfeitamente em projetos existentes.

Casos de uso

Adicionando feedback tátil aos botões
Melhorando interações da interface com efeitos visuais
Criando fundos animados
Melhorar o engajamento do usuário em aplicativos móveis
Criando elementos interativos na web
Personalizando a aparência da ondulação para marcação

Principais recursos

Configuração fácil com código mínimo
Suporta cores e tamanhos personalizados
Animações suaves e performáticas
Compatibilidade multiplataforma
Duração e intensidade de ondulação configuráveis
API simples para personalização

Indicado para

Designers de UI/UX em busca de acabamento visual
Desenvolvedores de aplicativos interativos
Projetos que exigem feedback tátil sutil
Aplicativos direcionados a múltiplas plataformas
Equipes que desejam implementação rápida de animações
Interfaces criativas com feedback dinâmico

Considerações

Pode afetar o desempenho se usado em excesso
Controles avançados de animação limitados
Mais adequado para efeitos de ondulação em pequena escala
Não ideal para design de movimento complexo
Requer seleção cuidadosa de cores para visibilidade
Depende dos comportamentos específicos da plataforma para renderização

README original

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

Simple Ripple Animation

This package provide ripple animation widget that can be customised to meet your needs. It's easy to set up and customize, and it looks beautiful in any color you choose.

Features

This package support following parameter and methods.

Parameter

RippleAnimationwidget provide follwoing parameter to config your ripple animation effect.

Parameter defined for RippleAnimation widget:

Name	Type	Description
child	Widget	This child will be placed at center of the animation.
delay	Duration	This will be delay between two ripple wave.
minRadius	double	Minimum radius of the ripple wave.
maxRadius	double	Maximum radius of the ripple wave.
color	Color	Color of the animation.
ripplesCount	int	number of rippleCount in the wave.
duration	Duration	duration of the animation
repeat	bool	Provide true if you want to repeat animation

Getting started

Installing

Add dependencies to pubspec.yaml

Get the latest version in the 'Installing' tab on pub.dev
```
dependencies:
    simple_ripple_animation: <latest-version>
```
Run pub get.
```
flutter pub get
```

Import package.

import 'package:simple_ripple_animation/simple_ripple_animation.dart';

Implementation

Wrap Widget with RippleAnimation and assign needed parameter.

         RippleAnimation(
            child: CircleAvatar(
              minRadius: 75,
              maxRadius: 75,
              backgroundImage: NetworkImage(Constants.avtarUrl),
            ),
            color: Colors.deepOrange,
            delay: const Duration(milliseconds: 300),
            repeat: true,
            minRadius: 75,
            maxRadius: 140,
            ripplesCount: 6,
            duration: const Duration(milliseconds: 6 * 300),
          )