时间戳

首页 > 解决方案 > 在 Flutter GridView 构建器中添加自定义项

android - 在 Flutter GridView 构建器中添加自定义项

问题描述

我正在尝试在 gridview.builder 中添加一个新的自定义按钮。在我的 gridview 中，我有 5 个项目，请看图片 在此处输入图像描述

请看我的简单代码。

 GridView.builder(
                        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 3),
                        itemCount: _categoryList.length,
                        itemBuilder: (context, index) {
                          if (_categoryList.length != 0) {
                            return Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: CircleAvatar(
                                backgroundColor: Colors.transparent,
                                backgroundImage: NetworkImage(_categoryList[index].icon,),
                                  ),
                            );
                          } else
                            return Container();
                        },
                      ),

标签： androidflutterdartflutter-layout

解决方案

在孩子身上，您可以要求 index == 5 并显示一个 Button-Widget 而不是 Photo-List-Item：

GridView.builder(
                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 3),
                    itemCount: _categoryList.length,
                    itemBuilder: (context, index) {
                      if (_categoryList.length != 0) {
                        return Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: index == 5 ? myButton() : CircleAvatar(
                            backgroundColor: Colors.transparent,
                            backgroundImage: NetworkImage(_categoryList[index].icon,),
                              ),
                        );
                      } else
                        return Container();
                    },
                  ),

推荐阅读