如何在GridView中删除空项目计数？ [Group wise GridView Issue]

Question

需要创建分组明智的网格视图。我差不多完成了。我的json看起来像这样，

[{“d”：“Gym”，“p”：0}，{“d”：“Lifts”，“p”：0}，{“d”：“Office”，“p”：0}，{ “d”：“Guest Rooms”，“p”：1.1}，{“d”：“House of House”，“p”：1.2}，{“d”：“Restaurants”，“p”：1.3}， {“d”：“功能室”，“p”：1.4}，{“d”：“外部”，“p”：1.5}，{“d”：“娱乐”，“p”：1.6}，{ “d”：“洗衣”，“p”：3.1}，{“d”：“A / V设备”，“p”：3.2}，{“d”：“F＆B设备”，“p”：3.3} ，{“d”：“其他设备”，“p”：4.1}，{“d”：“后面的房子”，“p”：4.2}，{“d”：“中央工厂”，“p”： 4.3}，{“d”：“标题”，“p”：5}，{“d”：“管道”，“p”：5.1}，{“d”：“基本服务”，“p”：5.2 }，{“d”：“车间设备”，“p”：5.3}，{“d”：“HSK设备”，“p”：5.4}，{“d”：“电气设备”，“p”： 5.5}，{“d”：“商务中心”，“p”：100}]

 Widget createListView(BuildContext context, AsyncSnapshot snapshot) {
    List<Data> values = snapshot.data;
    final listCount = getItemCounter(values);
//    final listCount =
//        values.map<double>((m) => m.p).reduce((a, b) => max(a, b)).floor();

    return CustomScrollView(
      slivers: <Widget>[
        SliverList(
          delegate: SliverChildBuilderDelegate((context, i) {
            final items = values
                .where((m) => i + 1 <= m.p && m.p < i + 2)
                .toList(growable: false)
                  ..sort((a, b) => a.p.compareTo(b.p));
            return GridView.builder(
              itemCount: items.length,
              shrinkWrap: true,
              primary: false,
             gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
              itemBuilder: (context, i) {
                final item = items[i];
                return _builderItem(item);
              },
            );
          }, childCount: listCount),
        )
      ],
    );
  }
 getItemCounter(List<Data> values){
    List iPoint = [];
    List distictI = [];
    for(int i = 0; i < values.length; i++){
      iPoint.add(values[i].p.toInt());
    }
    //remove duplicate
    distictI = iPoint.toSet().toList();
    return distictI.length;
  }

这是我的输出外观，

我发现了一个问题，为什么它发生了，在我的json P传递1.1,1.2,1.3之后传递3.1,3.2..like明智。空间因为缺少02号

Answer 1

干得好：

 Widget createListView(BuildContext context, AsyncSnapshot snapshot) {
    List<Data> values = snapshot.data;
    final pIntValues = values.map<int>((m) => m.p.toInt()).toSet().toList(growable: false)..sort();

    return CustomScrollView(
      slivers: <Widget>[
        SliverList(
          delegate: SliverChildBuilderDelegate((context, i) {
            final p = pIntValues[i];
            final items = values
                .where((m) => p <= m.p && m.p < p + 1)
                .toList(growable: false)
                  ..sort((a, b) => a.p.compareTo(b.p));
//check if not items, return Container if true
            if(items.length == 0)
              return Container(); 
            return GridView.builder(
              itemCount: items.length,
              shrinkWrap: true,
              primary: false,
             gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
              itemBuilder: (context, i) {
                final item = items[i];
                return _builderItem(item);
              },
            );
          }, childCount: pIntValues.length),
        )
      ],
    );
  }

如果该组没有任何物品，则返回Container而不是GridView。