DAY - 05 - make status list of users

lib/screens/TabScreens/ChatsListScreen.dart

@@ -1,12 +1,46 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_whatsapp_redesign/utils/Users.dart';
 
 class ChatsListScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    return Container(
-      child: Center(
-        child: Text('Chats List'),
-      ),
+    return Column(
+      children: <Widget>[
+        SizedBox(
+          height: MediaQuery.of(context).size.height * 0.20,
+          child: ListView.builder(
+            scrollDirection: Axis.horizontal,
+            itemCount: DUMMY_CHATS_DATA.length,
+            itemBuilder: (ctx, idx) {
+              final imageUrl = DUMMY_CHATS_DATA[idx].profileImage;
+              final userNAme = DUMMY_CHATS_DATA[idx].name;
+              final placeholderImage = 'assets/images/placeholder.png';
+              return Column(
+                children: <Widget>[
+                  Padding(
+                    padding: const EdgeInsets.all(20),
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(100),
+                      child: Container(
+                        decoration: BoxDecoration(
+                            borderRadius: BorderRadius.circular(100),
+                            border: Border.all(color: Colors.grey)),
+                        height: 70,
+                        width: 70,
+                        child: FadeInImage.assetNetwork(
+                          placeholder: placeholderImage,
+                          image: imageUrl,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Text(userNAme.split(' ')[0])
+                ],
+              );
+            },
+          ),
+        ),
+      ],
     );
   }
 }

lib/utils/UserProfile.dart

@@ -13,6 +13,6 @@ class UserProfile {
         avatar:
             'https://s3.amazonaws.com/uifaces/faces/twitter/_pedropinho/128.jpg',
         placeholderAvatar:
-            'https://www.pngkey.com/png/full/950-9501315_katie-notopoulos-katienotopoulos-i-write-about-tech-user.png');
+            'assets/images/placeholder.png');
   }
 }