fix avatar shape

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.1.2
+
+- Fix avatar shape
+
 ## 0.1.1
 
 - Add ThreadHeader

README.md

@@ -28,7 +28,7 @@ TODO
 
 ```yaml
 dependencies:
- stream_chat_flutter: ^0.1.1
+ stream_chat_flutter: ^0.1.2
 ```
 
 You should then run `flutter packages get`

example/lib/multiple_conversation.dart

@@ -2,11 +2,11 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 void main() async {
-  final client = Client('qk4nn7rpcn75', logLevel: Level.INFO);
+  final client = Client('s2dxdhpxd94g', logLevel: Level.INFO);
 
   await client.setUser(
-    User(id: 'wild-breeze-7'),
+    User(id: 'still-resonance-3'),
-    'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoid2lsZC1icmVlemUtNyJ9.VM2EX1EXOfgqa-bTH_3JzeY0T99ngWzWahSauP3dBMo',
+    'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoic3RpbGwtcmVzb25hbmNlLTMifQ.e6BGSX21gLZYpls_rFX8PB2SfGlfdpvv00pQiVW70VQ',
   );
 
   runApp(MyApp(client));

lib/src/channel_image.dart

@@ -19,17 +19,17 @@ class ChannelImage extends StatelessWidget {
         stream: channel.extraDataStream,
         initialData: channel.extraData,
         builder: (context, snapshot) {
-          return Container(
+          return ClipRRect(
-            padding: const EdgeInsets.all(4),
+            borderRadius: StreamChatTheme.of(context)
+                .channelPreviewTheme
+                .avatarTheme
+                .borderRadius,
+            child: Container(
               constraints: StreamChatTheme.of(context)
                   .channelPreviewTheme
                   .avatarTheme
                   .constraints,
               decoration: BoxDecoration(
-              borderRadius: StreamChatTheme.of(context)
-                  .channelPreviewTheme
-                  .avatarTheme
-                  .borderRadius,
                 color: StreamChatTheme.of(context).accentColor,
               ),
               child: snapshot.data?.containsKey('image') ?? false
@@ -37,7 +37,8 @@ class ChannelImage extends StatelessWidget {
                       imageUrl: snapshot.data['image'],
                       errorWidget: (_, __, ___) {
                         return Center(
-                        child: Text(snapshot.data?.containsKey('name') ?? false
+                          child: Text(
+                              snapshot.data?.containsKey('name') ?? false
                                   ? snapshot.data['name'][0]
                                   : ''),
                         );
@@ -45,6 +46,7 @@ class ChannelImage extends StatelessWidget {
                       fit: BoxFit.cover,
                     )
                   : SizedBox(),
+            ),
           );
         });
   }

lib/src/user_avatar.dart

@@ -16,15 +16,13 @@ class UserAvatar extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return ClipRRect(
-      padding: const EdgeInsets.all(4),
+      borderRadius:
+          StreamChatTheme.of(context).ownMessageTheme.avatarTheme.borderRadius,
+      child: Container(
         constraints:
             StreamChatTheme.of(context).ownMessageTheme.avatarTheme.constraints,
         decoration: BoxDecoration(
-        borderRadius: StreamChatTheme.of(context)
-            .ownMessageTheme
-            .avatarTheme
-            .borderRadius,
           color: StreamChatTheme.of(context).accentColor,
         ),
         child: user.extraData?.containsKey('image') ?? false
@@ -40,6 +38,7 @@ class UserAvatar extends StatelessWidget {
                 fit: BoxFit.cover,
               )
             : SizedBox(),
+      ),
     );
   }
 }

pubspec.yaml

@@ -1,7 +1,7 @@
 name: stream_chat_flutter
 homepage: https://github.com/GetStream/stream-chat-flutter
 description: Stream Chat official Flutter SDK. Build your own chat experience using Dart and Flutter.
-version: 0.1.1
+version: 0.1.2
 
 environment:
   sdk: ">=2.1.0 <3.0.0"