在 Flutter GridView 构建器中添加自定义项答案

【问题标题】：Add custom item in Flutter GridView builder在 Flutter GridView 构建器中添加自定义项
【发布时间】：2021-06-10 18:43:11
【问题描述】：

我正在尝试在 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();
                        },
                      ),

【问题讨论】：

标签： android flutter dart flutter-layout

【解决方案1】：

在孩子身上，您可以要求 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();
                    },
                  ),

【讨论】：