Message Reactions
Description
The Message Reactions feature is available through the tencent_cloud_chat_message_reaction plugin. It includes two main components:
Reaction Selector: Allows users to choose and send reactions.
Reaction List: Displays reactions on messages.
Sending Reactions
Mobile: Press and hold the message you want to react to.
Desktop: Right-click on the message you want to react to.
This will open the Message Context Menu.
Once the module is enabled, the menu will include an additional Reaction Selector area.
![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/ea708d18392211ef9c9c525400d5f8ef.png)
![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/6a3116b1392311efbec9525400a9236a.png)
View Reactions
All message reactions are displayed below the message and are visible to all users in the chat.
The total number of users who have reacted with a particular emoji is shown next to the sticker.
By clicking on any reaction, users can quickly send the same reaction or remove their reaction.
![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/d5a82411392211ef94925254002693fd.png)
![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/835ee018392211ef9b60525400bdab9d.png)
View Reacting Users
To view the list of users who reacted to a message, click on the "..." button next to the last reaction.
This will display a list of all users who have responded with each specific sticker.
![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/2ad9f472392111ef94925254002693fd.png)
![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/93e5b5cb392011efbec9525400a9236a.png)
Usage
Install the Message Reaction plugin first
flutter pub add tencent_cloud_chat_message_reaction
Add the following code to the
plugins
array in initUIKit
:TencentCloudChatPluginItem(name: "messageReaction",pluginInstance: TencentCloudChatMessageReaction(context: context,),)
This will enable the use of the Message Reaction Plugin in your application.