feat: Introduce onAttachmentTap on messages attachment (#309)

* introdce onAttachmentTap on message

* correct indent

* sdfsd

Co-authored-by: Salvatore Giordano <[email protected]>

packages/stream_chat_flutter/lib/src/attachment/video_attachment.dart

@@ -11,6 +11,7 @@ class VideoAttachment extends AttachmentWidget {
   final MessageTheme messageTheme;
   final ShowMessageCallback onShowMessage;
   final ValueChanged<ReturnActionType> onReturnAction;
+  final VoidCallback onAttachmentTap;
 
   const VideoAttachment({
     Key key,
@@ -20,6 +21,7 @@ class VideoAttachment extends AttachmentWidget {
     this.messageTheme,
     this.onShowMessage,
     this.onReturnAction,
+    this.onAttachmentTap,
   }) : super(key: key, message: message, attachment: attachment, size: size);
 
   @override
@@ -65,7 +67,8 @@ class VideoAttachment extends AttachmentWidget {
         children: <Widget>[
           Expanded(
             child: GestureDetector(
-              onTap: () async {
+              onTap: onAttachmentTap ??
+                  () async {
                     final channel = StreamChannel.of(context).channel;
                     final res = await Navigator.push(
                       context,

packages/stream_chat_flutter/lib/src/message_list_view.dart

@@ -139,6 +139,7 @@ class MessageListView extends StatefulWidget {
     this.customAttachmentBuilders,
     this.onMessageTap,
     this.onSystemMessageTap,
+    this.onAttachmentTap,
   }) : super(key: key);
 
   /// Function used to build a custom message widget
@@ -228,6 +229,9 @@ class MessageListView extends StatefulWidget {
   /// Called when system message is tapped
   final void Function(Message) onSystemMessageTap;
 
+  // Customize onTap on attachment
+  final void Function(Message message, Attachment attachment) onAttachmentTap;
+
   @override
   _MessageListViewState createState() => _MessageListViewState();
 }
@@ -1008,6 +1012,7 @@ class _MessageListViewState extends State<MessageListView> {
         }
         FocusScope.of(context).unfocus();
       },
+      onAttachmentTap: widget.onAttachmentTap,
     );
 
     if (!message.isDeleted &&

packages/stream_chat_flutter/lib/src/message_widget.dart

@@ -146,6 +146,9 @@ class MessageWidget extends StatefulWidget {
   /// Function called when message is tapped
   final void Function(Message) onMessageTap;
 
+  // Customize onTap on attachment
+  final void Function(Message message, Attachment attachment) onAttachmentTap;
+
   ///
   MessageWidget({
     Key key,
@@ -195,6 +198,7 @@ class MessageWidget extends StatefulWidget {
     this.attachmentPadding = EdgeInsets.zero,
     this.allRead = false,
     this.onQuotedMessageTap,
+    this.onAttachmentTap,
   })  : attachmentBuilders = {
           'image': (context, message, attachment) {
             return ImageAttachment(
@@ -207,6 +211,9 @@ class MessageWidget extends StatefulWidget {
               ),
               onShowMessage: onShowMessage,
               onReturnAction: onReturnAction,
+              onAttachmentTap: () {
+                onAttachmentTap(message, attachment);
+              },
             );
           },
           'video': (context, message, attachment) {
@@ -220,6 +227,9 @@ class MessageWidget extends StatefulWidget {
               message: message,
               onShowMessage: onShowMessage,
               onReturnAction: onReturnAction,
+              onAttachmentTap: () {
+                onAttachmentTap(message, attachment);
+              },
             );
           },
           'giphy': (context, message, attachment) {
@@ -232,8 +242,7 @@ class MessageWidget extends StatefulWidget {
                   MediaQuery.of(context).size.height * 0.3,
                 ),
                 onShowMessage: onShowMessage,
-              onReturnAction: onReturnAction,
+                onReturnAction: onReturnAction);
-            );
           },
           'file': (context, message, attachment) {
             return FileAttachment(
@@ -242,8 +251,7 @@ class MessageWidget extends StatefulWidget {
                 size: Size(
                   MediaQuery.of(context).size.width * 0.8,
                   MediaQuery.of(context).size.height * 0.3,
-              ),
+                ));
-            );
           },
         }..addAll(customAttachmentBuilders ?? {}),
         super(key: key);