2

我正在构建一个显示缩略图的 griedview，并且不想显示索引 0 处的项目。我有一个不同的小部件，我在其中使用带有 Visibility 小部件的列表视图显示缩略图。这样可行！

像这样：

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

但我不想建立一个单独的列表并复制我所有的对象只是为了显示缩略图。跳过某些项目没有更优雅的东西吗？

4

1 回答 1

0

您可以应用三元运算符并在索引 0 处传递 SizedBox，而不是使用 Visibility 小部件：-

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。我认为我们不能跳过构建中的某个项目，但我们可以从中实现您想要的！

于 2022-02-24T05:14:13.920 回答