add custom theme example

example/lib/custom_theme.dart

@@ -23,28 +23,20 @@ class MyApp extends StatelessWidget {
       primarySwatch: Colors.green,
     );
 
-    final streamTheme = StreamChatThemeData.fromTheme(theme);
-
     return MaterialApp(
       theme: theme,
       home: Container(
         child: StreamChat(
-          streamChatThemeData: streamTheme.copyWith(
+          streamChatThemeData: StreamChatThemeData.fromTheme(theme).copyWith(
-            channelPreviewTheme: ChannelPreviewTheme(
-              avatarTheme: AvatarTheme(
-                borderRadius: BorderRadius.circular(16),
-              ),
-            ),
             ownMessageTheme: MessageTheme(
-              replies: streamTheme.ownMessageTheme.replies
+              messageBackgroundColor: Colors.black,
-                  .copyWith(fontStyle: FontStyle.italic),
+              messageText: TextStyle(
+                color: Colors.white,
+              ),
               avatarTheme: AvatarTheme(
-                borderRadius: BorderRadius.circular(12),
+                borderRadius: BorderRadius.circular(8),
               ),
             ),
-            otherMessageTheme: MessageTheme(
-              messageBackgroundColor: Colors.red,
-            ),
           ),
           client: client,
           child: ChannelListPage(),

lib/src/channel_preview.dart

@@ -103,6 +103,8 @@ class ChannelPreview extends StatelessWidget {
                   return '📷';
                 } else if (e.type == 'video') {
                   return '🎬';
+                } else if (e.type == 'giphy') {
+                  return 'GIF';
                 }
                 return null;
               })

lib/src/message_list_view.dart

@@ -218,7 +218,7 @@ class _MessageListViewState extends State<MessageListView> {
   }
 
   Widget _buildBottomMessage(
-    StreamChannelState channel,
+    StreamChannelState streamChannel,
     Message previousMessage,
     Message message,
     BuildContext context,
@@ -243,9 +243,9 @@ class _MessageListViewState extends State<MessageListView> {
       key: ValueKey<String>('BOTTOM-MESSAGE'),
       onVisibilityChanged: (visibility) {
         _isBottom = visibility.visibleBounds != Rect.zero;
-        if (_isBottom) {
+        if (_isBottom && streamChannel.channel.config.readEvents) {
-          if (channel.channel.state.unreadCount > 0) {
+          if (streamChannel.channel.state.unreadCount > 0) {
-            channel.channel.markRead();
+            streamChannel.channel.markRead();
           }
         }
       },

lib/src/message_widget.dart

@@ -42,12 +42,16 @@ class _MessageWidgetState extends State<MessageWidget>
   final Map<String, ChangeNotifier> _chuwieControllers = {};
 
   MessageTheme messageTheme;
+  StreamChatState streamChat;
+  StreamChannelState streamChannel;
 
   @override
   Widget build(BuildContext context) {
     super.build(context);
 
-    final streamChat = StreamChat.of(context);
+    streamChat = StreamChat.of(context);
+    streamChannel = StreamChannel.of(context);
+
     final currentUserId = streamChat.client.state.user.id;
     final messageUserId = widget.message.user.id;
     final previousUserId = widget.previousMessage?.user?.id;
@@ -73,7 +77,9 @@ class _MessageWidgetState extends State<MessageWidget>
               isMyMessage ? CrossAxisAlignment.end : CrossAxisAlignment.start,
           children: <Widget>[
             _buildBubble(context, isMyMessage, isLastUser),
-            _buildThreadIndicator(context, isMyMessage),
+            streamChannel.channel.config.replies
+                ? _buildThreadIndicator(context, isMyMessage)
+                : SizedBox(),
             isNextUser ? SizedBox() : _buildTimestamp(isMyMessage, alignment),
           ],
         ),
@@ -287,12 +293,14 @@ class _MessageWidgetState extends State<MessageWidget>
                   ? CrossAxisAlignment.end
                   : CrossAxisAlignment.start,
               children: <Widget>[
-                Align(
+                streamChannel.channel.config.reactions
+                    ? Align(
                         child: _buildReactions(isMyMessage),
                         alignment: isMyMessage
                             ? Alignment.centerLeft
                             : Alignment.centerRight,
-                ),
+                      )
+                    : SizedBox(),
                 Stack(
                   overflow: Overflow.visible,
                   children: <Widget>[
@@ -346,6 +354,11 @@ class _MessageWidgetState extends State<MessageWidget>
   }
 
   void _showMessageBottomSheet(BuildContext context, bool isMyMessage) {
+    if (!streamChannel.channel.config.reactions &&
+        !streamChannel.channel.config.replies) {
+      return;
+    }
+
     showModalBottomSheet(
         clipBehavior: Clip.hardEdge,
         shape: RoundedRectangleBorder(
@@ -367,14 +380,15 @@ class _MessageWidgetState extends State<MessageWidget>
               children: <Widget>[
                 Container(
                   color: Colors.black87,
-                  child: Row(
+                  child: streamChannel.channel.config.reactions
+                      ? Row(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           mainAxisAlignment: MainAxisAlignment.center,
                           mainAxisSize: MainAxisSize.min,
                           children: reactionToEmoji.keys.map((reactionType) {
                             final ownReactionIndex = widget.message.ownReactions
-                          .indexWhere(
+                                .indexWhere((reaction) =>
-                              (reaction) => reaction.type == reactionType);
+                                    reaction.type == reactionType);
                             return Column(
                               mainAxisSize: MainAxisSize.min,
                               mainAxisAlignment: MainAxisAlignment.start,
@@ -395,10 +409,13 @@ class _MessageWidgetState extends State<MessageWidget>
                                 ),
                                 ownReactionIndex != -1
                                     ? Padding(
-                                  padding: const EdgeInsets.only(bottom: 4.0),
+                                        padding:
+                                            const EdgeInsets.only(bottom: 4.0),
                                         child: Text(
-                                    widget.message
+                                          widget
-                                        .ownReactions[ownReactionIndex].score
+                                              .message
+                                              .ownReactions[ownReactionIndex]
+                                              .score
                                               .toString(),
                                           style: TextStyle(color: Colors.white),
                                         ),
@@ -407,7 +424,8 @@ class _MessageWidgetState extends State<MessageWidget>
                               ],
                             );
                           }).toList(),
-                  ),
+                        )
+                      : SizedBox(),
                 ),
                 isMyMessage
                     ? FlatButton(
@@ -429,7 +447,8 @@ class _MessageWidgetState extends State<MessageWidget>
                         },
                       )
                     : SizedBox(),
-                FlatButton(
+                streamChannel.channel.config.replies
+                    ? FlatButton(
                         child: Padding(
                           padding: const EdgeInsets.all(28.0),
                           child: Text(
@@ -441,7 +460,8 @@ class _MessageWidgetState extends State<MessageWidget>
                           Navigator.pop(context);
                           widget.onThreadTap(widget.message);
                         },
-                ),
+                      )
+                    : SizedBox(),
               ],
             ),
           );
@@ -502,16 +522,12 @@ class _MessageWidgetState extends State<MessageWidget>
   };
 
   void sendReaction(String reactionType) {
-    StreamChannel.of(context)
+    streamChannel.channel.sendReaction(widget.message.id, reactionType);
-        .channel
-        .sendReaction(widget.message.id, reactionType);
     Navigator.of(context).pop();
   }
 
   void removeReaction(String reactionType) {
-    StreamChannel.of(context)
+    streamChannel.channel.deleteReaction(widget.message.id, reactionType);
-        .channel
-        .deleteReaction(widget.message.id, reactionType);
     Navigator.of(context).pop();
   }
 

pubspec.yaml

@@ -18,8 +18,7 @@ dependencies:
   url_launcher: ^5.4.1
   video_player: ^0.10.7
   chewie: ^0.9.8+1
-  animations: ^1.0.0+3
+  stream_chat: ^0.1.11
-  stream_chat: ^0.1.10
 
 dev_dependencies:
   pedantic: ^1.8.0+1