Flutter Animated Reaction

Flutter Animated Reaction is an animated reaction overlay(Example: Facebook, LinkedIn) which can be customized using your own reaction icons(images/gifs). Wherever your reaction button is on the screen, this package helps you to pop up an animated reaction overlay at the right location on the screen with your preferred reactions icon.

Demo

animated

Features

Customized reaction icon i.e. images, gifs can be added in the list
Cool animation to display the reaction overlay
Dragging any reaction icon generates nice animation
In built facebook reaction icons
Reaction sound feature

Getting started

import 'package:flutter_animated_reaction/flutter_animated_reaction.dart';

Usage

For better understanding, you can see example application.

AnimatedFlutterReaction().showOverlay(context: context,
                                      key: key,
                                      onReaction: (val){
                                         print(val);
                                      });

Parameters

Parameter	Description
Key	Global Key used in the reaction button . It is used to find the renderBox and measure it's position.
reactions	List of all reaction icons which you want to show in the overlay.(Image/Gifs path)
onReaction(int)	It is triggered when any of the reaction is tapped
backgroundColor	It describes overlay background color
overlaySize	It specifies overlay width
iconSize	It can set the size of reaction icons. Default size is (45,45)

How to Contribute

Fork it
Create your feature branch (git checkout -b new-feature)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin new-feature)
Create new Pull Request