Flutter Reaction Button

pub package

Flutter button reaction it is fully customizable widget such as Facebook reaction button.

Preview

Demo

Flutter reaction button

Usage

Include 'flutter_reaction_button' from Dart Pub.

# pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  flutter_reaction_button: <last-version>

Next, import 'flutter_reaction_button.dart' into your dart code.

import 'package:flutter_reaction_button/flutter_reaction_button.dart';

Parameters

parameterdescriptiondefault
OnReactionChangedtriggered when reaction button value change
reactionsreactions appear in reactions box when long pressed on ReactionnButtonToggle or click on ReactionButton
initialReactionDefault reaction button widgetfirst item in reactions list
boxPositionVertical position of reactions box relative to the buttonVerticalPosition.TOP
boxHorizontalPositionHorizontal position of reactions box relative to the buttonHorizontalPosition.START
boxOffsetOffset to reposition the box from the computed placeOffset.zero
boxColorReactions box colorColors.white
boxElevationReactions box elevation5
boxRadiusReactions box radius50
boxPaddingReactions box paddingconst EdgeInsets.all(0)
boxDurationReactions box show/hide duration200 milliseconds
shouldChangeReactionShould change initial reaction after selected one or nottrue
itemScaleScale ratio when item hovered0.3
itemScaleDurationScale duration while draggingconst Duration(milliseconds: 100)

LICENSE

Libraries

flutter_reaction_button