@@ -72,26 +72,24 @@ class ChatSampleState extends State<ChatSample> {
7272 child: SfChat (
7373 messages: _messages, // Setting the messages list.
7474 outgoingUser: '8ob3-b720-g9s6-25s8' , // Outgoing user ID.
75- incomingBubbleSettings : ChatBubbleSettings (
75+ incomingMessageSettings : ChatMessageSettings (
7676 showTimestamp: false ,
77- showUserName : false ,
77+ showAuthorName : false ,
7878 textStyle: TextStyle (color: Colors .white),
7979 // Ensure sufficient space inside the bubble to accommodate the custom tail shape.
80- contentPadding:
81- EdgeInsets .only (top: 15 , bottom: 30 , left: 28 , right: 30 ),
82- contentBackgroundColor: Colors .green[600 ],
83- contentShape: CustomBorderShape (
80+ padding: EdgeInsets .only (top: 15 , bottom: 30 , left: 28 , right: 30 ),
81+ backgroundColor: Colors .green[600 ],
82+ shape: CustomBorderShape (
8483 isOutgoing: false ), // Custom shape for incoming message bubble.
8584 ),
86- outgoingBubbleSettings : ChatBubbleSettings (
85+ outgoingMessageSettings : ChatMessageSettings (
8786 showTimestamp: false , // Disabling the timestamp for a cleaner look.
88- showUserName : false , // Disabling the username for a cleaner look.
89- showUserAvatar : false , // Disabling the avatar for a cleaner look.
87+ showAuthorName : false , // Disabling the username for a cleaner look.
88+ showAuthorAvatar : false , // Disabling the avatar for a cleaner look.
9089 textStyle: TextStyle (color: Colors .white),
91- contentPadding:
92- EdgeInsets .only (top: 15 , bottom: 30 , left: 28 , right: 30 ),
93- contentBackgroundColor: Colors .deepPurple[600 ],
94- contentShape: CustomBorderShape (
90+ padding: EdgeInsets .only (top: 15 , bottom: 30 , left: 28 , right: 30 ),
91+ backgroundColor: Colors .deepPurple[600 ],
92+ shape: CustomBorderShape (
9593 isOutgoing: true ), // Custom shape for outgoing message bubble.
9694 ),
9795 composer: const ChatComposer (
0 commit comments