Message Bubble
Overview
CometChatMessageBubble is the reusable components which forms different types of message bubbles accordingly.
There are different section available in message bubble which can be altered by passing CometChatMessageTemplate in CometChatMessages
Sections
Following are the sections in message bubble
- Header View
- Leading View
- Content View
- Bottom View
- Thread View
- footer view
Properties
| Properties | Type | Description |
|---|---|---|
| leadingView | Widget? | used to set view in leadingView section |
| headerView | Widget? | used to set view in headerview section |
| replyView | Widget? | used to set view in replyview section |
| contentView | Widget? | used to set content view , by default all different type of bubble are shown here |
| threadView | Widget? | used to set view in threadview section , by default threaded section is shown |
| footerView | Widget? | used to set footer view for message bubble , by default message receipt is shown |
| alignment | BubbleAlignment? | used to set bubble alignment , can be left, right and center |
| style | MessageBubbleStyle | used to set styling properties foe message bubble |
| bottomView | Widget? | used to set bottom view for message bubble , by default reactions are shown here |
Style
| Properties | Type | Description |
|---|---|---|
| height | double | used to set height |
| width | double | used to set width |
| background | Color | used to set the background color |
| gradient | Gradient | used to set background gradient |
| border | BoxBorder | used to set border |
| borderRadius | double | used to set border radius |
| contentPadding | EdgeInsets | used to provide |