Merge pull request #40 from nosmirck/feature/onTapUserMessage

Added onUserAvatarTap

lib/src/message_list_view.dart

@@ -65,6 +65,7 @@ class MessageListView extends StatefulWidget {
     this.showOtherMessageUsername = false,
     this.showVideoFullScreen = true,
     this.onMentionTap,
+    this.onUserAvatarTap,
     this.onMessageActions,
   }) : super(key: key);
 
@@ -93,6 +94,9 @@ class MessageListView extends StatefulWidget {
   /// Function called on message mention tap
   final void Function(User) onMentionTap;
 
+  /// Function called on User Avatar tap
+  final void Function(User) onUserAvatarTap;
+
   /// Function called on message long press
   final Function(BuildContext, Message) onMessageActions;
 
@@ -154,6 +158,7 @@ class _MessageListViewState extends State<MessageListView> {
                         showOtherMessageUsername:
                             widget.showOtherMessageUsername,
                         onMentionTap: widget.onMentionTap,
+                        onUserAvatarTap: widget.onUserAvatarTap,
                         onMessageActions: widget.onMessageActions,
                       ),
                       Padding(
@@ -216,6 +221,7 @@ class _MessageListViewState extends State<MessageListView> {
                   showOtherMessageUsername: widget.showOtherMessageUsername,
                   showVideoFullScreen: widget.showVideoFullScreen,
                   onMentionTap: widget.onMentionTap,
+                  onUserAvatarTap: widget.onUserAvatarTap,
                   onMessageActions: widget.onMessageActions,
                 );
               }
@@ -363,6 +369,7 @@ class _MessageListViewState extends State<MessageListView> {
         showVideoFullScreen: widget.showVideoFullScreen,
         showOtherMessageUsername: widget.showOtherMessageUsername,
         onMentionTap: widget.onMentionTap,
+        onUserAvatarTap: widget.onUserAvatarTap,
         onMessageActions: widget.onMessageActions,
       );
     }
@@ -402,6 +409,7 @@ class _MessageListViewState extends State<MessageListView> {
         showVideoFullScreen: widget.showVideoFullScreen,
         showOtherMessageUsername: widget.showOtherMessageUsername,
         onMentionTap: widget.onMentionTap,
+        onUserAvatarTap: widget.onUserAvatarTap,
         onMessageActions: widget.onMessageActions,
       );
     }

lib/src/message_widget.dart

@@ -35,6 +35,7 @@ class MessageWidget extends StatefulWidget {
     @required this.message,
     @required this.nextMessage,
     this.onThreadTap,
+    this.onUserAvatarTap,
     this.onMessageActions,
     this.isParent = false,
     this.onMentionTap,
@@ -63,6 +64,9 @@ class MessageWidget extends StatefulWidget {
   /// The function called when tapping on replies
   final void Function(Message) onThreadTap;
 
+  /// The function called when tapping on UserAvatar
+  final void Function(User) onUserAvatarTap;
+
   /// True if this is the parent of the thread being showed
   final bool isParent;
 
@@ -151,7 +155,10 @@ class _MessageWidgetState extends State<MessageWidget>
       ),
       child: Row(
         children: <Widget>[
-          UserAvatar(user: widget.message.user),
+          UserAvatar(
+            user: widget.message.user,
+            onTap: widget.onUserAvatarTap,
+          ),
           if (_isMyMessage &&
               widget.nextMessage == null &&
               (widget.message.status == MessageSendingStatus.SENT ||

lib/src/user_avatar.dart

@@ -9,41 +9,55 @@ class UserAvatar extends StatelessWidget {
     Key key,
     @required this.user,
     this.constraints,
+    this.onTap,
   }) : super(key: key);
 
   final User user;
   final BoxConstraints constraints;
+  final void Function(User) onTap;
 
   @override
   Widget build(BuildContext context) {
-    return ClipRRect(
+    return GestureDetector(
-      borderRadius:
+      onTap: () {
-          StreamChatTheme.of(context).ownMessageTheme.avatarTheme.borderRadius,
+        if (onTap != null) {
-      child: Container(
+          onTap(user);
-        constraints: constraints ??
+        }
-            StreamChatTheme.of(context).ownMessageTheme.avatarTheme.constraints,
+      },
-        decoration: BoxDecoration(
+      child: ClipRRect(
-          color: StreamChatTheme.of(context).accentColor,
+        borderRadius: StreamChatTheme.of(context)
-        ),
+            .ownMessageTheme
-        child: user.extraData?.containsKey('image') ?? false
+            .avatarTheme
-            ? CachedNetworkImage(
+            .borderRadius,
-                imageUrl: user.extraData['image'],
+        child: Container(
-                errorWidget: (_, __, ___) {
+          constraints: constraints ??
-                  return Center(
+              StreamChatTheme.of(context)
-                    child: Text(
+                  .ownMessageTheme
-                      user.extraData?.containsKey('name') ?? false
+                  .avatarTheme
-                          ? user.extraData['name'][0]
+                  .constraints,
-                          : '',
+          decoration: BoxDecoration(
-                      style: TextStyle(
+            color: StreamChatTheme.of(context).accentColor,
-                        color: Colors.white,
+          ),
-                        fontWeight: FontWeight.bold,
+          child: user.extraData?.containsKey('image') ?? false
+              ? CachedNetworkImage(
+                  imageUrl: user.extraData['image'],
+                  errorWidget: (_, __, ___) {
+                    return Center(
+                      child: Text(
+                        user.extraData?.containsKey('name') ?? false
+                            ? user.extraData['name'][0]
+                            : '',
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontWeight: FontWeight.bold,
+                        ),
                       ),
-                    ),
+                    );
-                  );
+                  },
-                },
+                  fit: BoxFit.cover,
-                fit: BoxFit.cover,
+                )
-              )
+              : StreamChatTheme.of(context).defaultUserImage(context, user),
-            : StreamChatTheme.of(context).defaultUserImage(context, user),
+        ),
       ),
     );
   }