flutter_reaction_button 1.0.4

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

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_reaction_button/flutter_reaction_button.dart';
import 'data/example_data.dart' as Example;

import 'widgets/item.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) => MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Reaction Button',
        home: Scaffold(
          backgroundColor: Colors.grey[200],
          appBar: AppBar(
            title: const Text('Flutter Reaction Button'),
            actions: [
              Builder(
                builder: (ctx) => FlutterReactionButton(
                  onReactionChanged: (reaction) {
                    Scaffold.of(ctx).showSnackBar(
                      SnackBar(
                        content: Text('reaction selected id: ${reaction.id}'),
                      ),
                    );
                  },
                  shouldChangeReaction: false,
                  reactions: Example.flagsReactions,
                  initialReaction: Reaction(id: 0, icon: Icon(Icons.language)),
                  boxColor: Colors.black.withOpacity(0.5),
                  boxRadius: 10,
                  boxDuration: Duration(milliseconds: 500),
                  boxAlignment: Alignment.bottomRight,
                ),
              ),
              SizedBox(width: 10),
            ],
          ),
          body: Builder(
            builder: (context) => ListView(
              padding: const EdgeInsets.symmetric(vertical: 5),
              children: [
                Item(
                  'image 1',
                  'assets/images/img1.jpg',
                  Example.facebookReactions,
                ),
                Item(
                  'image 2',
                  'assets/images/img2.jpg',
                  Example.facebookReactions,
                ),
                Item(
                  'image 3',
                  'assets/images/img3.jpg',
                  Example.facebookReactions,
                ),
                Item(
                  'image 4',
                  'assets/images/img4.jpg',
                  Example.facebookReactions,
                ),
                Item(
                  'image 5',
                  'assets/images/img5.jpg',
                  Example.facebookReactions,
                ),
              ],
            ),
          ),
        ),
      );
}