Flutter Reactions

A Flutter package that provides a fully handled reaction system with cross-platform gesture support and configurable reaction overlays.

Pub Version Build Coverage Report Star on Github Live Demo Flutter Example License: MIT

Android iOS macOS Web Linux Windows

Requirements

  • sdk: >= 3.0 < 4.0

📸 Screenshots

Dash light Dash dark M3 baseline light

✨ Features

  • Fully handled reaction interactions with built-in gesture & pointer support
  • Localization support (en, vi, fr, ja, zh, ko, hi, ru)
  • Smooth, customizable animations
  • Covered by unit and widget tests (100% coverage).

🚀 Quick start

Add flutter_reactions to your pubspec.yaml:

dependencies:
  flutter_reactions: ^1.2.5

Then run:

flutter pub get

Import the package:

import 'package:flutter_reactions/flutter_reactions.dart';

Basic

FlutterReactionButton(
  value: flutterReactionType,
  onChanged: (value) {
    setState(() {
      flutterReactionType = value;
    });
    if (value == null) {
      debugPrint('No Reaction');
    } else {
      debugPrint(value.toString());
    }
  },
);

Parameters:

Name Description Required Default value
value Current selected reaction type. Use null to indicate no reaction. -
onChanged Callback triggered when the reaction value changes. -
config Configuration for the reactions ovelay. FlutterReactionConfig()
size The size of the reaction icon (in logical pixels). 24.0
hasLabel Whether to display the reaction label next to the icon. true
child Custom widget to wrap with reaction interactions. -

📄 License

MIT License - see LICENSE for details.


🤝 Contributing

Contributions are welcome! Please read our contributing guidelines before submitting a PR.


📬 Support


Made with ❤️ by Buzzlp

Libraries

flutter_reactions