Tencent Cloud

Recent Pages

Flutter

Last updated: 2024-07-08 16:10:33

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.
Mobile
Desktop
﻿
﻿
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.
Mobile
Desktop
﻿
﻿
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.
Mobile
Desktop
﻿
﻿
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.