Improvements

- InkWell effect on avatar and image messages

lib/chat/view/common/image_box.dart

@@ -1,7 +1,7 @@
 /*
  * @Author       : Linloir
  * @Date         : 2022-10-14 17:04:20
- * @LastEditTime : 2022-10-20 11:05:37
+ * @LastEditTime : 2022-10-20 13:47:29
  * @Description  : 
  */
 
@@ -20,11 +20,23 @@ class ImageBox extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
+    return IntrinsicWidth(
-      onTap: (){},
+      child: IntrinsicHeight(
-      child: Container(
+        child: Stack(
-        constraints: const BoxConstraints(maxWidth: 500, maxHeight: 250),
+          children: [
-        child: history.preCachedImage ?? Image.memory(base64Decode(history.message.contentDecoded)),
+            Container(
+              constraints: const BoxConstraints(maxWidth: 500, maxHeight: 200),
+              child: history.preCachedImage ?? Image.memory(base64Decode(history.message.contentDecoded)),
+            ),
+            Material(
+                color: Colors.transparent,
+                child: InkWell(
+                  splashColor: Colors.white.withOpacity(0.1),
+                  onTap: (){},
+                )
+              ),
+          ]
+        ),
       ),
     );
   }

lib/chat/view/in_message_box.dart

@@ -1,7 +1,7 @@
 /*
  * @Author       : Linloir
  * @Date         : 2022-10-14 13:49:47
- * @LastEditTime : 2022-10-19 23:45:16
+ * @LastEditTime : 2022-10-20 13:56:20
  * @Description  : 
  */
 
@@ -75,13 +75,16 @@ class InMessageBox extends StatelessWidget {
           )
         ),
         if(history.message.type == MessageType.image)
-          Text(
+          ...[
-            _getTimeStamp(history.message.timeStamp),
+            const SizedBox(height: 4.0,),
-            style: TextStyle(
+            Text(
-              fontSize: 12,
+              _getTimeStamp(history.message.timeStamp),
-              color: Colors.grey[400],
+              style: TextStyle(
+                fontSize: 12,
+                color: Colors.grey[600],
+              ),
             ),
-          )
+          ]
       ]
     );
   }

lib/common/avatar/avatar.dart

@@ -1,7 +1,7 @@
 /*
  * @Author       : Linloir
  * @Date         : 2022-10-13 21:49:53
- * @LastEditTime : 2022-10-20 11:52:12
+ * @LastEditTime : 2022-10-20 13:46:16
  * @Description  : 
  */
 
@@ -75,18 +75,23 @@ class UserAvatar extends StatelessWidget {
             ),
             child: ClipRRect(
               borderRadius: BorderRadius.circular(5.0),
-              child: Material(
+              child: Stack(
-                color: Colors.transparent,
+                fit: StackFit.passthrough,
-                child: InkWell(
+                children: [
-                  onTap: onTap,
+                  OverflowBox(
-                  child: OverflowBox(
                     alignment: Alignment.center,
                     child: FittedBox(
                       fit: BoxFit.cover,
                       child: Image.memory(base64.decode(state.userInfo.avatarEncoded!)),
                     ),
-                  )
+                  ),
-                ),
+                  Material(
+                    color: Colors.transparent,
+                    child: InkWell(
+                      onTap: onTap,
+                    ),
+                  ),
+                ],
               ),
             ),
           );

pubspec.lock

@@ -78,6 +78,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.0.2+1"
+  easy_image_viewer:
+    dependency: "direct main"
+    description:
+      name: easy_image_viewer
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.0"
   equatable:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -57,6 +57,7 @@ dependencies:
   easy_debounce: ^2.0.2+1
   path: ^1.8.2
   window_manager: ^0.2.7
+  easy_image_viewer: ^1.1.0
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.