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:

Getting started #

Installing #

1. Add dependencies to pubspec.yaml

   Get the latest version in the 'Installing' tab on pub.flutter-io.cn

   dependencies:
       simple_ripple_animation: <latest-version>
   

2. Run pub get.

   flutter pub get
   

3. Import package.

   import 'package:simple_ripple_animation/simple_ripple_animation.dart';
   

Implementation #

1. 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),
             )
   

Preview #

Screenshot #

TODO: Here is the few screenshot for the preview. This will be remove in new verison becuase pub.flutter-io.cn now support screenshot.

Mobile	Tablet
Desktop	Web

Main Contributors #

Jemis Goti

Furkan Arslan

Thanks #

Thank you for using this package and keep supporting opensource community.