Tuesday, September 26, 2023

Customizable reaction button plugin in Flutter

Flutter reaction button plugin a fully customizable widget such as the Facebook reaction button

Demo

preview.gif

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
boxPositionPosition of reactions box according to the buttonPosition.TOP
boxColorReactions box colorColors.white
boxElevationReactions box elevation5
boxRadiusReactions box radius50
boxPaddingReactions box paddingconst EdgeInsets.all(0)
boxDurationReactions box show/hide duration200 milliseconds
shouldChangeReactionShold change initial reaction after selected one or nottrue
itemScaleScale ratio when item hovered0.3
itemScaleDurationScale duration while draggingconst Duration(milliseconds: 100)