please select
  • UIKit
  • SDK
  • Server APIs
Chat/
UIKit/
Flutter/
Features/
UIKit
  • Overview
  • Run Demo
  • Installation
    • integrated
    • Only Chat
  • Features
    • Local Search
    • Offline Push
    • Online Status
    • Typing Status
    • Message Read Receipt
    • Message Reactions
    • Internationalization
    • Adding Custom Messages
    • Emoji & Stickers
  • Customization
    • Modifying UI Themes
    • Setting UI Styles
  • Changelog
  • Guideline for Beginners
  • Console Guide
    • Creating and Upgrading an Application
    • Basic Configuration
    • Feature Configuration
    • Account Management
    • Group Management
    • Webhook Configuration
  • Product Introduction
    • Message Management
      • One-to-One Message
      • Message Storage
      • Offline Push
      • Group Message
      • Message Formats
    • Account System
      • Login Authentication
      • Online Status Management
    • Group Related
      • Group System
      • Group Management
    • User Profile and Relationship Chain
      • Profile Management
      • Relationship Chain Management
  • Purchase Guide
    • Billing Overview
    • Pricing
  • Error Codes

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.
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.