Merge pull request #13 from nosmirck/bugfix/12

fix for #12

lib/src/message_input.dart

@@ -56,12 +56,13 @@ import 'stream_channel.dart';
 /// The widget renders the ui based on the first ancestor of type [StreamChatTheme].
 /// Modify it to change the widget appearance.
 class MessageInput extends StatefulWidget {
-  MessageInput({
+  MessageInput(
-    Key key,
+      {Key key,
-    this.onMessageSent,
+      this.onMessageSent,
-    this.parentMessage,
+      this.parentMessage,
-    this.editMessage,
+      this.editMessage,
-  }) : super(key: key);
+      this.maxHeight = 150})
+      : super(key: key);
 
   /// Message to edit
   final Message editMessage;
@@ -72,6 +73,9 @@ class MessageInput extends StatefulWidget {
   /// Parent message in case of a thread
   final Message parentMessage;
 
+  /// Maximum Height for the TextField to grow before it starts scrolling
+  final double maxHeight;
+
   @override
   _MessageInputState createState() => _MessageInputState();
 }
@@ -111,6 +115,7 @@ class _MessageInputState extends State<MessageInput> {
   Flex _buildTextField(BuildContext context) {
     return Flex(
       direction: Axis.horizontal,
+      crossAxisAlignment: CrossAxisAlignment.end,
       children: <Widget>[
         _buildAttachmentButton(),
         _buildTextInput(context),
@@ -133,54 +138,57 @@ class _MessageInputState extends State<MessageInput> {
 
   Expanded _buildTextInput(BuildContext context) {
     return Expanded(
-      child: TextField(
+      child: LimitedBox(
-        key: Key('messageInputText'),
+        maxHeight: widget.maxHeight,
-        minLines: null,
+        child: TextField(
-        maxLines: null,
+          key: Key('messageInputText'),
-        onSubmitted: (_) {
+          minLines: null,
-          _sendMessage(context);
+          maxLines: null,
-        },
+          onSubmitted: (_) {
-        controller: _textController,
+            _sendMessage(context);
-        focusNode: _focusNode,
+          },
-        onChanged: (s) {
+          controller: _textController,
-          StreamChannel.of(context).channel.keyStroke();
+          focusNode: _focusNode,
+          onChanged: (s) {
+            StreamChannel.of(context).channel.keyStroke();
 
-          setState(() {
+            setState(() {
-            _messageIsPresent = s.trim().isNotEmpty;
+              _messageIsPresent = s.trim().isNotEmpty;
-          });
+            });
 
-          _commandsOverlay?.remove();
+            _commandsOverlay?.remove();
-          _commandsOverlay = null;
+            _commandsOverlay = null;
-          _mentionsOverlay?.remove();
+            _mentionsOverlay?.remove();
-          _mentionsOverlay = null;
+            _mentionsOverlay = null;
 
-          if (s.startsWith('/')) {
+            if (s.startsWith('/')) {
-            _commandsOverlay = _buildCommandsOverlayEntry();
+              _commandsOverlay = _buildCommandsOverlayEntry();
-            Overlay.of(context).insert(_commandsOverlay);
+              Overlay.of(context).insert(_commandsOverlay);
-          }
+            }
 
-          if (_textController.selection.isCollapsed &&
+            if (_textController.selection.isCollapsed &&
-              (s[_textController.selection.start - 1] == '@' ||
+                (s[_textController.selection.start - 1] == '@' ||
-                  _textController.text
+                    _textController.text
-                      .substring(0, _textController.selection.start)
+                        .substring(0, _textController.selection.start)
-                      .split(' ')
+                        .split(' ')
-                      .last
+                        .last
-                      .contains('@'))) {
+                        .contains('@'))) {
-            _mentionsOverlay = _buildMentionsOverlayEntry();
+              _mentionsOverlay = _buildMentionsOverlayEntry();
-            Overlay.of(context).insert(_mentionsOverlay);
+              Overlay.of(context).insert(_mentionsOverlay);
-          }
+            }
-        },
+          },
-        onTap: () {
+          onTap: () {
-          setState(() {
+            setState(() {
-            _typingStarted = true;
+              _typingStarted = true;
-          });
+            });
-        },
+          },
-        style: Theme.of(context).textTheme.body1,
+          style: Theme.of(context).textTheme.body1,
-        autofocus: false,
+          autofocus: false,
-        decoration: InputDecoration(
+          decoration: InputDecoration(
-          hintText: 'Write a message',
+            hintText: 'Write a message',
-          prefixText: '   ',
+            prefixText: '   ',
-          border: InputBorder.none,
+            border: InputBorder.none,
+          ),
         ),
       ),
     );