Merge pull request #5762 from 21pages/scroll

tags and users add scrollbar

flutter/lib/common/widgets/address_book.dart

@@ -1,3 +1,4 @@
+import 'package:dynamic_layouts/dynamic_layouts.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hbb/common/formatter/id_formatter.dart';
 import 'package:flutter_hbb/common/widgets/peer_card.dart';
@@ -156,9 +157,13 @@ class _AddressBookState extends State<AddressBook> {
       } else {
         tags = gFFI.abModel.tags;
       }
-      return Wrap(
+      return DynamicGridView.builder(
-        children: tags
+          gridDelegate: SliverGridDelegateWithWrapping(
-            .map((e) => AddressBookTag(
+              mainAxisSpacing: 0, crossAxisSpacing: 0),
+          itemCount: tags.length,
+          itemBuilder: (BuildContext context, int index) {
+            final e = tags[index];
+            return AddressBookTag(
                 name: e,
                 tags: gFFI.abModel.selectedTags,
                 onTap: () {
@@ -167,9 +172,8 @@ class _AddressBookState extends State<AddressBook> {
                   } else {
                     gFFI.abModel.selectedTags.add(e);
                   }
-                }))
+                });
-            .toList(),
+          });
-      );
     });
   }
 

flutter/lib/common/widgets/my_group.dart

@@ -148,16 +148,15 @@ class _MyGroupState extends State<MyGroup> {
 
   Widget _buildUserContacts() {
     return Obx(() {
-      return Column(
+      final items = gFFI.groupModel.users.where((p0) {
-          children: gFFI.groupModel.users
-              .where((p0) {
         if (searchUserText.isNotEmpty) {
           return p0.name.contains(searchUserText.value);
         }
         return true;
-              })
+      }).toList();
-              .map((e) => _buildUserItem(e))
+      return ListView.builder(
-              .toList());
+          itemCount: items.length,
+          itemBuilder: (context, index) => _buildUserItem(items[index]));
     });
   }