fix: fixed group member list

example/lib/group_info_screen.dart

@@ -32,6 +32,8 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
   bool namedChanged = false;
   String changedName = '';
 
+  int groupMemberListLength;
+
   void _userNameListener() {
     if (_searchController.text == _userNameQuery) {
       return;
@@ -161,10 +163,15 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
           );
         }
 
-        return ListView.builder(
+        groupMemberListLength ??=
+            snapshot.data.members.length > 6 ? 6 : snapshot.data.members.length;
+
+        return Column(
+          children: [
+            ListView.builder(
               shrinkWrap: true,
               physics: NeverScrollableScrollPhysics(),
-          itemCount: snapshot.data.members.length,
+              itemCount: groupMemberListLength,
               itemBuilder: (context, position) {
                 return Material(
                   child: InkWell(
@@ -196,7 +203,8 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
                                   children: [
                                     Text(
                                       snapshot.data.members[position].user.name,
-                                  style: TextStyle(fontWeight: FontWeight.bold),
+                                      style: TextStyle(
+                                          fontWeight: FontWeight.bold),
                                     ),
                                     SizedBox(
                                       height: 1.0,
@@ -213,7 +221,8 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
                               Padding(
                                 padding: const EdgeInsets.all(8.0),
                                 child: Text(
-                              snapshot.data.members[position].role == 'owner'
+                                  snapshot.data.members[position].role ==
+                                          'owner'
                                       ? 'Owner'
                                       : '',
                                   style: TextStyle(
@@ -233,6 +242,55 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
                   color: Colors.white,
                 );
               },
+            ),
+            if (groupMemberListLength != snapshot.data.members.length)
+              InkWell(
+                onTap: () {
+                  setState(() {
+                    groupMemberListLength = snapshot.data.members.length;
+                  });
+                },
+                child: Material(
+                  child: Container(
+                    height: 65.0,
+                    child: Column(
+                      children: [
+                        Expanded(
+                          child: Row(
+                            children: [
+                              Padding(
+                                padding: const EdgeInsets.symmetric(
+                                    horizontal: 21.0, vertical: 12.0),
+                                child: StreamSvgIcon.down(
+                                  color: Color(0xff7a7a7a),
+                                ),
+                              ),
+                              Expanded(
+                                child: Column(
+                                  crossAxisAlignment: CrossAxisAlignment.start,
+                                  mainAxisAlignment: MainAxisAlignment.center,
+                                  children: [
+                                    Text(
+                                      '${snapshot.data.members.length - groupMemberListLength} more',
+                                      style:
+                                          TextStyle(color: Color(0xff7a7a7a)),
+                                    ),
+                                  ],
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        Container(
+                          height: 1.0,
+                          color: Color(0xffdbdbdb),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+          ],
         );
       },
       future: _memberQueryFuture,

lib/src/image_footer.dart

@@ -104,7 +104,10 @@ class _ImageFooterState extends State<ImageFooter> {
   @override
   Widget build(BuildContext context) {
     return SizedBox.fromSize(
-      size: widget.preferredSize,
+      size: Size(
+        MediaQuery.of(context).size.width,
+        MediaQuery.of(context).padding.bottom + widget.preferredSize.height,
+      ),
       child: MediaQuery.removePadding(
         context: context,
         removeTop: true,