Skip to main content

LMChatReactionKeyboard

File location
reaction_emoji_keyboard.dart

LMChatReactionKeyboard provides a keyboard for selecting emojis to react to messages. It supports customization of colors, layout, and emoji selection behavior.

Properties

  1. textController (TextEditingController?)
    Controller for handling text input in the emoji keyboard.

  2. onEmojiSelected (Function(String emoji)?)
    Callback function triggered when an emoji is selected.

  3. style (LMChatReactionKeyboardStyle?)
    Customizes the appearance and layout of the emoji keyboard.

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


Styling

LMChatReactionKeyboardStyle

File location
reaction_emoji_keyboard.dart

LMChatReactionKeyboardStyle defines the appearance and layout of the emoji keyboard, including button colors, grid configuration, and padding.

PropertyTypeDescriptionRequiredDefault
buttonIconColorColor?Color of the keyboard button iconsNoColors.grey
gridPaddingEdgeInsets?Padding around the emoji gridNoEdgeInsets.zero
recentsLimitint?Limit for recent emojisNo28

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


Example Usage

final emojiKeyboard = LMChatReactionKeyboard(
textController: TextEditingController(),
onEmojiSelected: (emoji) => print('Selected emoji: $emoji'),
style: LMChatReactionKeyboardStyle.basic(),
);