LMChatBubbleReactions

File location
chat_bubble_reactions.dart

LMChatBubbleReactions handles displaying and interacting with message reactions inside a chat bubble.

Properties

1. conversation (LMChatConversationViewData)
   Represents the conversation associated with the reactions.

2. reactions (List<LMChatReactionViewData>?)
   List of reactions associated with the chat bubble.

3. style (LMChatBubbleReactionsStyle?)
   Customizes the appearance of the reactions.

Note: These properties are only a subset. More can be found inside the widget class.

---

Styling

LMChatBubbleReactionsStyle

File location
chat_bubble_reactions.dart

LMChatBubbleReactionsStyle provides styling for the reactions, including padding, margin, container color, and text style.

Property	Type	Description	Required	Default
padding	EdgeInsets?	Padding around the reaction bubble	No	EdgeInsets.only(top: 4)
containerBorderRadius	double?	Border radius of the container	No	18.0
reactionTextStyle	TextStyle?	Text style for the reaction text	No	Inherited

Note: These properties are only a subset. More can be found inside the style class.

---

Example Usage

final reactionBubble = LMChatBubbleReactions(
  conversation: conversationData,
  reactions: reactionList,
  style: LMChatBubbleReactionsStyle(
    padding: EdgeInsets.only(top: 4),
    containerBorderRadius: 18.0,
    reactionTextStyle: TextStyle(fontSize: 12, color: Colors.grey),
  ),
);