hotfix message ui overflow

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.1.9
+
+- Fix message ui overflow
+
 ## 0.1.8
 
 - Bug fix

lib/src/message_input.dart

@@ -502,6 +502,7 @@ class _MessageInputState extends State<MessageInput> {
           ),
         ),
         context: context,
+        isScrollControlled: true,
         builder: (_) {
           return Column(
             mainAxisSize: MainAxisSize.min,

lib/src/message_widget.dart

@@ -404,7 +404,8 @@ class _MessageWidgetState extends State<MessageWidget>
             borderRadius: boxDecoration.borderRadius,
             child: Container(
               decoration: boxDecoration,
-              constraints: BoxConstraints.loose(Size.fromWidth(300)),
+              constraints: BoxConstraints.loose(
+                  Size.fromWidth(MediaQuery.of(context).size.width * 0.7)),
               child: Stack(
                 children: <Widget>[
                   Column(
@@ -447,7 +448,8 @@ class _MessageWidgetState extends State<MessageWidget>
         decoration:
             _buildBoxDecoration(_isLastUser || nOfAttachmentWidgets > 0),
         padding: EdgeInsets.all(10),
-        constraints: BoxConstraints.loose(Size.fromWidth(300)),
+        constraints: BoxConstraints.loose(
+            Size.fromWidth(MediaQuery.of(context).size.width * 0.7)),
         child: Column(
           mainAxisSize: MainAxisSize.min,
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -571,7 +573,12 @@ class _MessageWidgetState extends State<MessageWidget>
         }
       },
       child: Container(
-        constraints: BoxConstraints.loose(Size(300, 500)),
+        constraints: BoxConstraints.loose(
+          Size(
+            MediaQuery.of(context).size.width * 0.7,
+            500,
+          ),
+        ),
         child: Padding(
           padding: const EdgeInsets.all(8.0),
           child: Column(
@@ -582,7 +589,7 @@ class _MessageWidgetState extends State<MessageWidget>
                 attachment.title,
                 overflow: TextOverflow.ellipsis,
                 style: _messageTheme.messageText.copyWith(
-                  color: Colors.blue,
+                  color: StreamChatTheme.of(context).accentColor,
                   fontWeight: FontWeight.bold,
                 ),
               ),
@@ -658,7 +665,7 @@ class _MessageWidgetState extends State<MessageWidget>
                 _isMyMessage
                     ? FlatButton(
                         child: Padding(
-                          padding: const EdgeInsets.all(28.0),
+                          padding: const EdgeInsets.all(16.0),
                           child: Text(
                             'Delete message',
                             style: theme.textTheme.headline
@@ -677,7 +684,7 @@ class _MessageWidgetState extends State<MessageWidget>
                 _isMyMessage
                     ? FlatButton(
                         child: Padding(
-                          padding: const EdgeInsets.all(28.0),
+                          padding: const EdgeInsets.all(16.0),
                           child: Text(
                             'Edit message',
                             style: theme.textTheme.headline,
@@ -696,7 +703,7 @@ class _MessageWidgetState extends State<MessageWidget>
                         !widget.isParent)
                     ? FlatButton(
                         child: Padding(
-                          padding: const EdgeInsets.all(28.0),
+                          padding: const EdgeInsets.all(16.0),
                           child: Text(
                             'Start a thread',
                             style: theme.textTheme.headline,
@@ -719,6 +726,7 @@ class _MessageWidgetState extends State<MessageWidget>
       context: context,
       elevation: 2,
       clipBehavior: Clip.hardEdge,
+      isScrollControlled: true,
       shape: RoundedRectangleBorder(
         borderRadius: BorderRadius.only(
           topLeft: Radius.circular(32),

lib/src/reaction_picker.dart

@@ -14,7 +14,7 @@ class ReactionPicker extends StatelessWidget {
     @required this.reactionToEmoji,
     @required this.message,
     @required this.channel,
-    this.size = 40,
+    this.size = 30,
   }) : super(key: key);
 
   final Map<String, String> reactionToEmoji;

pubspec.yaml

@@ -1,7 +1,7 @@
 name: stream_chat_flutter
 homepage: https://github.com/GetStream/stream-chat-flutter
 description: Stream Chat official Flutter SDK. Build your own chat experience using Dart and Flutter.
-version: 0.1.8
+version: 0.1.9
 
 environment:
   sdk: ">=2.3.0 <3.0.0"
@@ -11,7 +11,7 @@ dependencies:
     sdk: flutter
   rxdart: ^0.23.1
   flutter_widgets: ^0.1.11
-  jiffy: ^3.0.0
+  jiffy: ^3.0.1
   cached_network_image: ^2.0.0
   flutter_markdown: ^0.3.4
   url_launcher: ^5.4.2
@@ -20,7 +20,7 @@ dependencies:
   file_picker: ^1.4.3+2
   image_picker: ^0.6.3+4
   keyboard_visibility: ^0.5.6
-  stream_chat: ^0.1.18
+  stream_chat: ^0.1.19
 
 dev_dependencies:
   pedantic: ^1.9.0