Hey guys, first of all thanks for this plugin and i am facing the issue while implementing it in one of my project, could you guys help me out of this. Thanks in advance.

Version : flutter_reaction_button: ^1.0.2

Here is my code:

                    FlutterReactionButtonCheck(
                         onReactionChanged: (reaction, isChecked) {
                         this.widget.post.isLike = !this.widget.post.isLike;
                        setState(() {});
                         print('reaction selected id: ${reaction.id}');
                           print('isChecked $isChecked');
                          },
                       reactions: Reactions.reactions,
                        initialReaction: this.widget.post.isLike
                          ? Reactions.reactions[0]
                        : Reactions.defaultInitialReaction,
                       selectedReaction: Reactions.reactions[0],
                        boxRadius: 26,
                        ),
                       ),

if you see the above code i am changing the initial reaction dynamically according to my needs whenever its change its not updating its always renders the first what we give to it. I saw the code of the implementation there its setted in initstate does that is prob or any other? @GeekAbdelouahed @mostafaAbdelazim

Hello,

I've got another issue. The reaction bar is not displayed on top of the reaction button, but there is little spacing between.

Can you add more custom positioning attributes? This would help me and maybe https://github.com/GeekAbdelouahed/flutter-reaction-button/issues/13.

Thank you!

Hi! I extended the styling options a bit and fixed some minor issues:

• When calling setState after an async call, it is important to check whether the widget is still mounted
• Now, there is both a vertical and a horizontal positioning to offer a bit more control
• I also added an offset parameter to move the box around (can be used to achieve the same positioning as what you had with TOP positioning before which seemed a bit arbitrary, fixes #20)
• Users can now specify what spacing they want to add between their reactions
• Updated dependencies, adapted something for Flutter 3 and removed an autogenerated local file from git (fixes #36)

Please do let me know if I should change anything

Hi @GeekAbdelouahed ,

The popup is always at the center, it is pretty weird to see if we have short reaction items. Can we have an option to align it next the the button?

Thanks in advance.

`../../../Documents/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_reaction_button-2.0.0+2/lib/src/ui/w idget_size_render_object.dart:19:24: Warning: Operand of null-aware operation '?.' has type 'WidgetsBinding' which excludes null.

• 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('../../../Documents/flutter/packages/flutter/lib/src/widgets/binding.dart'). WidgetsBinding.instance?.addPostFrameCallback((_) {`

Hello,

first of all, thank you very much for this great package. Unfortunately, the removal of the ID was a breaking change for me which causes a lot of problems in my app. Can you please add an optional ID field again?

Thank you!

Hi,

I want to close the popover reaction menu manually without user clicking outside the box, is there any possible way to achieve this?

Thanks in Advance

Assume I have 2 pages (Page A and B)

Page A have list of posts that contain a single FlutterReactionButtonCheck. Page B have a single FlutterReactionButtonCheck

My scenario is when I go to Page B and update reaction from index 1 to 2. When I come back to Page A. I wanted update a FlutterReactionButtonCheck reaction.

What I have done is send callback function from Page A to Page B. Whenever the reaction changed i will call a callbackfunction to setState of a reaction in PageA. But it still not update.

This is a call back function in Page A

updateReaction(int newReaction) {
    print('update new reaction to: $newReaction');
    setState(() {
      this.userReaction = newReaction;
    });
}

This is a FlutterReactionButtonCheck setup in Page A.

FlutterReactionButtonCheck(
              onReactionChanged: (reaction, isChecked) async {
             ....
  },
  reactions: this.reactions,
  isChecked: this.userReaction == null ? false : true,
  initialReaction: GurubookReaction.defaultInitialReaction,
  selectedReaction: this.userReaction != null
  ? this.reactions[this.userReaction - 1]
  : this.reactions[0],
),

In page B whenever onReactionChanged called will trigger updateReaction(reactions.id)

Thanks in advance.

When you scroll App, ReactionsBox showing when scroll if scroll start from reaction button...

I think ReactionsBox should called only with long press on screen, not when onPointerDown ...

When I try to remove a reaction that I already selected it just sets it to the first reaction. Checking if isChecked always returns true.

 FlutterReactionButtonCheck(
          onReactionChanged: (reaction, index, isChecked) {
            print('click: $index');
            if (isChecked) {
              print(isChecked);
              if (!_likeExists(widget.post!.likeReactions)) {
                setState(() {
                  selectedReation = reaction;
                  widget.streamClient!.reactions.add('like', widget.post!.id!,
                      userId: widget.streamClient!.currentUser!.userId,
                      data: {
                        'value': index,
                      });
                  widget.post!.likesCount = widget.post!.likesCount! + 1;
                  StreamAPI().sendLikeNotificationPost(
                      widget.streamClient!,
                      widget.streamClient!.currentUser!.userId,
                      widget.post!.owner,
                      widget.post!.id,
                      index);
                });
              } else if (_likeExists(widget.post!.likeReactions)) {
                setState(() {
                  selectedReation = reaction;
                  widget.streamClient!.reactions.update(like.likeId!, data: {
                    'value': index,
                  });
                });
              }
            } else {
              if (_likeExists(widget.post!.likeReactions)) {
                setState(() {
                  selectedReation = reaction;
                  widget.streamClient!.reactions.delete(like.likeId!);
                  widget.post!.likesCount = widget.post!.likesCount! - 1;
                });
              }
            }
          },
          isChecked: selectedReation != null ? true : false,
          reactions: SNAB().reactions,
          initialReaction: _likeExists(widget.post!.likeReactions)
              ? SNAB().reactions[like.value!]
              : Reaction(
                  id: 7,
                  icon: Image.asset(
                    'assets/images/100.png',
                    height: 20,
                    color: Colors.grey[600],
                  )),
          selectedReaction: selectedReation,
        ),

Hi there,

At the example of the FlutterReactionButtonCheck component, these methods don't exist. Also, they aren't mentioned in the documentation.

I guess the "buildWidget" method should return a Icon or an Image but I'm not sure.

Awesome component!!!!💓💓💓💓💓💓💓

Showing this warning when running on Flutter 3

: Warning: Operand of null-aware operation '?.' has type 'WidgetsBinding' which excludes null.
../…/ui/widget_size_render_object.dart:36
- 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('../../../Development/flutter/packages/flutter/lib/src/widgets/binding.dart').
package:flutter/…/widgets/binding.dart:1
        WidgetsBinding.instance?.addPostFrameCallback((_) {

Hi friends,

How can the reaction box size be increased, make it bigger? And does the gesture detect swiping on the larger size of the screen? Thanks in advance!

Great package.

I have added this package as my reaction button but sometimes it starts from the left and goes off the screen. I have tested it multiple times. Not see any exception in the console as well. I am attaching an image below

Take look.

The problem is when TextFormField has autofocus: true in same screen has ReactionButtonToggle, when select and reaction (or dismiss reaction box), keyboard shown