From 188cd17468bd7e2fb68411216347801570695740 Mon Sep 17 00:00:00 2001 From: Sahil Kumar Date: Thu, 14 Jan 2021 15:13:40 +0530 Subject: [PATCH] [ImageFooter] Add border and boxshadow to media user avatar Signed-off-by: Sahil Kumar --- lib/src/image_footer.dart | 28 ++++++++++++++++++++-------- 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/lib/src/image_footer.dart b/lib/src/image_footer.dart index 9daf9a5c..6ff3e8c8 100644 --- a/lib/src/image_footer.dart +++ b/lib/src/image_footer.dart @@ -262,16 +262,28 @@ class _ImageFooterState extends State { media, Padding( padding: EdgeInsets.all(8.0), - child: Align( - alignment: Alignment.topLeft, + child: Container( + clipBehavior: Clip.antiAlias, + decoration: BoxDecoration( + shape: BoxShape.circle, + color: StreamChatTheme.of(context) + .colorTheme + .white + .withOpacity(0.6), + boxShadow: [ + BoxShadow( + blurRadius: 8.0, + color: StreamChatTheme.of(context) + .colorTheme + .black + .withOpacity(0.3), + ), + ], + ), + padding: const EdgeInsets.all(1), child: UserAvatar( user: widget.message.user, - constraints: BoxConstraints.tight( - Size( - 24, - 24, - ), - ), + constraints: BoxConstraints.tight(Size(24, 24)), showOnlineStatus: false, ), ),