Add message width ratio (#548)

* Add paramter of message width ratio * Update chat.dart * Update chat.dart
flyerhq · Feb 4, 2024 · 78d18c3 · 78d18c3
1 parent a63d386
commit 78d18c3
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/lib/src/widgets/chat.dart b/lib/src/widgets/chat.dart
@@ -102,6 +102,7 @@ class Chat extends StatefulWidget {
     this.videoMessageBuilder,
     this.slidableMessageBuilder,
     this.isLeftStatus = false,
+    this.messageWidthRatio = 0.72,
   });
 
   /// See [Message.audioMessageBuilder].
@@ -333,6 +334,9 @@ class Chat extends StatefulWidget {
   /// If false, status will be shown on the right side of the message.
   /// Default value is false.
   final bool isLeftStatus;
+
+  /// Width ratio for message bubble.
+  final double messageWidthRatio;
 
   @override
   State<Chat> createState() => ChatState();
@@ -469,8 +473,8 @@ class ChatState extends State<Chat> {
         final maxWidth = widget.theme.messageMaxWidth;
         final messageWidth =
             widget.showUserAvatars && message.author.id != widget.user.id
-                ? min(constraints.maxWidth * 0.72, maxWidth).floor()
-                : min(constraints.maxWidth * 0.78, maxWidth).floor();
+                ? min(constraints.maxWidth * widget.messageWidthRatio, maxWidth).floor()
+                : min(constraints.maxWidth * (widget.messageWidthRatio + 0.06), maxWidth).floor();
         final Widget msgWidget = Message(
           audioMessageBuilder: widget.audioMessageBuilder,
           avatarBuilder: widget.avatarBuilder,