flutter_animated_reaction

Description:

flutter animated reaction

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 #

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';
copied to clipboard
Usage #
For better understanding, you can see example application.
AnimatedFlutterReaction().showOverlay(context: context,
key: key,
onReaction: (val){
print(val);
});
copied to clipboard
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