跳过网格视图中的项目而不留空格 [英] Skip an item in gridview without leaving a hole

问题描述

我正在构建一个显示缩略图的网格视图，不想显示索引0处的项目。我有一个不同的小部件，其中我使用带有可见性小部件的列表视图来显示缩略图。这很管用！

如下：

ListView.separated(
                separatorBuilder: (BuildContext context, int index) =>
                    SizedBox(
                      width: mainElementSize * 0.02,
                    ),
                scrollDirection: Axis.horizontal,
                controller: paneController,
                physics: const BouncingScrollPhysics(
                    parent: AlwaysScrollableScrollPhysics()),
                addAutomaticKeepAlives: true,
                reverse: true,
                itemCount: mainElementList.mainElementList.length,
                //
                itemBuilder: (BuildContext context, int index) {
                  return Visibility(
                    visible: index > 0,
                    child: UnconstrainedBox(
                      child: HistoryThumb(
                        index: index,
                      ),
                    ),
                  );
                }),

网格视图确实可以处理可见性，但有所不同。它不只是跳过对象，而是在网格中留下一个整体。代码：

GridView.builder(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 4,
          mainAxisSpacing: gridheight * 0.015,
          crossAxisSpacing: gridWidth * 0.015,
        ),
        padding: EdgeInsets.symmetric(
          horizontal: 0,
        ),
        physics: const BouncingScrollPhysics(
            parent: AlwaysScrollableScrollPhysics()),
        itemCount:
            Provider.of<MainElementList>(context).mainElementList.length,
        //
        itemBuilder: (context, index) => Visibility(
              visible: index > 0,
              child: UnconstrainedBox(
                child: HistoryThumb(
                  index: index,
                ),
              ),
            )),

截图：

有什么办法不让它这样做吗？我在这里找到了类似的主题：How to skip build in item builder gridview.builder Flutter Firebase Stream Builder

但我不想仅仅为了显示缩略图而构建单独的列表并复制我的所有对象。跳过某些项目没有更优雅的吗？

推荐答案

您可以应用三元运算符并在索引0：-

处传递SizedBox，而不是使用可见性小部件

index == 0 ? SizedBox() : UnconstrainedBox(
            child: HistoryThumb(
              index: index,
            ),
          ),

你能这样试一试吗：-

GridView.builder(
    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 4,
      mainAxisSpacing: gridheight * 0.015,
      crossAxisSpacing: gridWidth * 0.015,
    ),
    padding: EdgeInsets.symmetric(
      horizontal: 0,
    ),
    physics: const BouncingScrollPhysics(
        parent: AlwaysScrollableScrollPhysics()),
    itemCount:
        Provider.of<MainElementList>(context).mainElementList.length - 1,
    //
    itemBuilder: (context, index) => Visibility(
          visible: index > 0,
          child: UnconstrainedBox(
            child: HistoryThumb(
              index: index+1,
            ),
          ),
        )),

从itemCount中减去1，并在索引历史记录Thumb中添加1。我认为我们不能跳过构建中的某个项目，但我们可以从中获得您想要的！！

这篇关于跳过网格视图中的项目而不留空格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！