feat: Added a way to disable info tiles and added info tile to message list view

lib/src/channel_header.dart

@@ -69,6 +69,8 @@ class ChannelHeader extends StatelessWidget implements PreferredSizeWidget {
   /// If true the typing indicator will be rendered if a user is typing
   final bool showTypingIndicator;
 
+  final bool showConnectionStateTile;
+
   /// Creates a channel header
   ChannelHeader({
     Key key,
@@ -77,6 +79,7 @@ class ChannelHeader extends StatelessWidget implements PreferredSizeWidget {
     this.onTitleTap,
     this.showTypingIndicator = true,
     this.onImageTap,
+    this.showConnectionStateTile = false,
   })  : preferredSize = Size.fromHeight(kToolbarHeight),
         super(key: key);
 
@@ -97,7 +100,7 @@ class ChannelHeader extends StatelessWidget implements PreferredSizeWidget {
             showStatus = false;
             break;
           case ConnectionStatus.connecting:
-            statusString = 'Connecting';
+            statusString = 'Reconnecting...';
             break;
           case ConnectionStatus.disconnected:
             statusString = 'Disconnected';
@@ -105,7 +108,7 @@ class ChannelHeader extends StatelessWidget implements PreferredSizeWidget {
         }
 
         return InfoTile(
-          showMessage: showStatus,
+          showMessage: showConnectionStateTile ? showStatus : false,
           message: statusString,
           child: AppBar(
             brightness: Theme.of(context).brightness,

lib/src/channel_list_header.dart

@@ -54,6 +54,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
     this.titleBuilder,
     this.onUserAvatarTap,
     this.onNewChatButtonTap,
+    this.showConnectionStateTile = false,
   }) : super(key: key);
 
   /// Pass this if you don't have a [Client] in your widget tree.
@@ -69,6 +70,8 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
   /// Callback to call when pressing the new chat button.
   final VoidCallback onNewChatButtonTap;
 
+  final bool showConnectionStateTile;
+
   @override
   Widget build(BuildContext context) {
     final _client = client ?? StreamChat.of(context).client;
@@ -85,7 +88,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
             showStatus = false;
             break;
           case ConnectionStatus.connecting:
-            statusString = 'Connecting';
+            statusString = 'Reconnecting...';
             break;
           case ConnectionStatus.disconnected:
             statusString = 'Disconnected';
@@ -93,7 +96,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
         }
 
         return InfoTile(
-          showMessage: showStatus,
+          showMessage: showConnectionStateTile ? showStatus : false,
           message: statusString,
           child: AppBar(
             brightness: Theme.of(context).brightness,

lib/src/message_list_view.dart

@@ -7,6 +7,7 @@ import 'package:jiffy/jiffy.dart';
 import 'package:rxdart/rxdart.dart';
 import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
 import 'package:stream_chat/stream_chat.dart';
+import 'package:stream_chat_flutter/src/info_tile.dart';
 import 'package:stream_chat_flutter/src/lazy_load_scroll_view.dart';
 import 'package:stream_chat_flutter/src/message_widget.dart';
 import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
@@ -124,6 +125,7 @@ class MessageListView extends StatefulWidget {
     this.highlightInitialMessage = false,
     this.messageHighlightColor,
     this.onShowMessage,
+    this.showConnectionStateTile = false,
   }) : super(key: key);
 
   /// Function used to build a custom message widget
@@ -181,6 +183,8 @@ class MessageListView extends StatefulWidget {
 
   final ShowMessageCallback onShowMessage;
 
+  final bool showConnectionStateTile;
+
   @override
   _MessageListViewState createState() => _MessageListViewState();
 }
@@ -297,11 +301,37 @@ class _MessageListViewState extends State<MessageListView> {
           }
 
           _messageListLength = newMessagesListLength;
+          final _client = StreamChat.of(context).client;
 
           return Stack(
             alignment: Alignment.center,
             children: [
-              LazyLoadScrollView(
+              ValueListenableBuilder<ConnectionStatus>(
+                  valueListenable: _client.wsConnectionStatus,
+                  builder: (context, status, _) {
+                    String statusString = '';
+                    bool showStatus = true;
+
+                    switch (status) {
+                      case ConnectionStatus.connected:
+                        statusString = 'Connected';
+                        showStatus = false;
+                        break;
+                      case ConnectionStatus.connecting:
+                        statusString = 'Reconnecting...';
+                        break;
+                      case ConnectionStatus.disconnected:
+                        statusString = 'Disconnected';
+                        break;
+                    }
+
+                    return InfoTile(
+                      showMessage:
+                          widget.showConnectionStateTile ? showStatus : false,
+                      tileAnchor: Alignment.topCenter,
+                      childAnchor: Alignment.topCenter,
+                      message: statusString,
+                      child: LazyLoadScrollView(
                         onStartOfPage: () async {
                           _inBetweenList = false;
                           if (!_upToDate) {
@@ -334,8 +364,9 @@ class _MessageListViewState extends State<MessageListView> {
                           physics: widget.scrollPhysics,
                           itemScrollController: _scrollController,
                           reverse: true,
-                  itemCount:
+                          itemCount: messages.length +
-                      messages.length + 2 + (_isThreadConversation ? 1 : 0),
+                              2 +
+                              (_isThreadConversation ? 1 : 0),
                           separatorBuilder: (context, i) {
                             if (i == messages.length) return Offstage();
                             if (i == messages.length + 2) return Offstage();
@@ -355,7 +386,8 @@ class _MessageListViewState extends State<MessageListView> {
                                       dateTime: nextMessage.createdAt.toLocal(),
                                     );
                               return Padding(
-                        padding: const EdgeInsets.symmetric(vertical: 12.0),
+                                padding:
+                                    const EdgeInsets.symmetric(vertical: 12.0),
                                 child: divider,
                               );
                             }
@@ -386,7 +418,8 @@ class _MessageListViewState extends State<MessageListView> {
                                 );
                               } else {
                                 return Column(
-                          crossAxisAlignment: CrossAxisAlignment.stretch,
+                                  crossAxisAlignment:
+                                      CrossAxisAlignment.stretch,
                                   children: <Widget>[
                                     buildParentMessage(widget.parentMessage),
                                     Container(
@@ -444,7 +477,8 @@ class _MessageListViewState extends State<MessageListView> {
                             } else {
                               if (widget.messageBuilder != null) {
                                 messageWidget = Builder(
-                          key: ValueKey<String>('MESSAGE-${message.id}'),
+                                  key:
+                                      ValueKey<String>('MESSAGE-${message.id}'),
                                   builder: (context) => widget.messageBuilder(
                                       context,
                                       MessageDetails(
@@ -456,13 +490,16 @@ class _MessageListViewState extends State<MessageListView> {
                                       messages),
                                 );
                               } else {
-                        messageWidget = buildMessage(message, messages, i);
+                                messageWidget =
+                                    buildMessage(message, messages, i);
                               }
                             }
                             return messageWidget;
                           },
                         ),
                       ),
+                    );
+                  }),
               if (widget.showScrollToBottom) _buildScrollToBottom(),
               Positioned(
                 top: 20.0,