LMChatBubbleFooter
File location
chat_bubble_footer.dart
LMChatBubbleFooter
renders additional information like timestamps, message status, and pending icons at the bottom of a chat bubble.
Properties
conversation
(LMChatConversationViewData
)
The conversation data associated with the chat bubble.textWidth
(double?
)
Optional width for the footer.pendingTimer
(LMChatIcon?
)
Optional icon indicating a pending message timer.
Note: These properties are only a subset. More can be found inside the widget class. You can refer to the relevant widget class for more reference.
Styling
LMChatBubbleFooterStyle
File location
chat_bubble_footer.dart
LMChatBubbleFooterStyle
allows customization of the footer’s layout, alignment, and styles for text and icons.
Property | Type | Description | Required | Default |
---|---|---|---|---|
timeStampStyle | LMChatTextStyle? | Style for the timestamp text | No | None |
pendingIconStyle | LMChatIconStyle? | Style for the pending icon | No | None |
mainAxisAlignment | MainAxisAlignment? | Alignment along the main axis | No | End |
Note: These properties are only a subset. More can be found inside the style class. You can refer to the relevant style class for more reference.
Example Usage
final footer = LMChatBubbleFooter(
conversation: conversationData,
textWidth: 200.0,
pendingTimer: LMChatIcon(iconData: Icons.timer),
style: LMChatBubbleFooterStyle(
timeStampStyle: LMChatTextStyle(
textStyle: TextStyle(fontSize: 10, color: Colors.grey),
),
mainAxisAlignment: MainAxisAlignment.end,
),
);