Skip to main content

LMChatReactionBar

File location
reaction_bar.dart

LMChatReactionBar displays a bar with emojis for selecting reactions. It supports customization through styles and interaction callbacks.

Properties

  1. onReaction (Function(String reaction)?)
    Callback triggered when a reaction is selected.

  2. style (LMChatReactionBarStyle?)
    Defines the appearance of the reaction bar.

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


Styling

LMChatReactionBarStyle

File location
reaction_bar.dart

LMChatReactionBarStyle defines the appearance of the reaction bar, including colors, size, and icons.

PropertyTypeDescriptionRequiredDefault
backgroundColor?Background color of the barNoTheme container
widthdouble?Width of the reaction barNo80.w
borderRadiusdouble?Border radius of the barNo6.0

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


Example Usage

final reactionBar = LMChatReactionBar(
onReaction: (reaction) => print('Reaction selected: $reaction'),
style: LMChatReactionBarStyle(
background: Colors.white,
width: 100.0,
borderRadius: 10.0,
),
);