如何删除GridView.builder中卡之间的所有空间

Question

我需要有关我的gridview.builder，我的gridview 变得像这样这是因为我想过滤以显示具有相同ID的项目。我已经尝试放入填充：eDgetInsets.zero和sizedbox.shrink，但它仍然不起作用。如何删除空白卡并仅显示可见的卡？如果我删除返回卡（）

Stack(
        children: [
          StreamBuilder(
              stream: FirebaseFirestore.instance.collection('products').snapshots(),
              builder: (context, AsyncSnapshot<QuerySnapshot> snapshot){
                if(snapshot.hasError){
                  return Text("Error: ${snapshot.error}");
                }
                if(snapshot.hasData){
                  return Column(
                    children: [
                      Flexible(
                          child: GridView.builder(
                              padding: EdgeInsets.zero,
                              itemCount: snapshot.data!.docs.length,
                              gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                                crossAxisCount: 2,
                                mainAxisSpacing: 15,
                                crossAxisSpacing: 15,
                                childAspectRatio: 2/3,
                              ),
                              itemBuilder: (context, index){
                                final DocumentSnapshot documentSnapshot =
                                snapshot.data!.docs[index];
                                DateTime dt = (documentSnapshot['endDateTime'] as Timestamp).toDate();
                                if(documentSnapshot['userid'] == widget.sellerId){
                                  print(documentSnapshot['userid']);
                                  return  buildImageCard(
                                      documentSnapshot['imageURL'][0], documentSnapshot['nameP'],
                                      documentSnapshot['startPrice'], dt, documentSnapshot['id'],
                                      documentSnapshot['categoryP']);
                                }
                                return Card();
                              }
    
                          )
                      ),
                    ],
                  );
                }
                return const Center(
                  child: CircularProgressIndicator(),
                );
              }
    
    
          ),
        ],
      );

Answer 1

解决方案将是过滤小部件上方的文档列表，并使用ItemCount和Builder的过滤列表。

问题的原因是，每个小部件都采用您指定的长宽比（2/3） +间距，而不管子小部件的大小如何。

所以应该有点像这样

if(snapshot.hasData){
final listToUse = snapshot.data?.docs.where((documentSnapshot) => documentSnapshot['userid'] == widget.sellerId).toList() ?? [];
return Column(...