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';
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