Flutter：如何在ListView组件中添加同尺寸的InkWell包裹Container项

先修正你代码里的核心问题，再实现需求中的效果：

关键修正与实现要点 #

• 原代码中cake[index] == cake.length的判断逻辑错误，应该通过索引值判断是否为最后一项，避免数组越界
• 要让Container尺寸与ListView完全一致，可将宽高设为double.infinity，使其自动填充父组件（ListView）的可用空间
• 用InkWell包裹Container，实现点击交互效果

修正后的完整代码 #

return PageView(
  controller: controller,
  children: List.generate(cake.length + 1, (index) {
    // 当索引等于cake长度时，显示添加项
    if (index == cake.length) {
      return ListView(
        children: [
          InkWell(
            onTap: () {
              // 这里添加点击后的逻辑，比如触发添加操作
            },
            child: Container(
              width: double.infinity,
              height: double.infinity,
              color: Colors.grey,
              child: const Icon(Icons.add),
            ),
          ),
        ],
      );
    } else {
      final cakeData = cake[index];
      return ListView(
        children: [
          Column(
            children: [
              Text(cakeData.toString()), // 展示蛋糕数据，替换成你的实际内容
            ],
          ),
          // 如果需要在现有ListView子项末尾也加这个添加项，可在这里插入上述InkWell+Container代码
        ],
      );
    }
  }),
);

补充说明 #

• 若你是想在单个ListView的子项列表末尾添加该容器项，可直接在ListView的children数组最后加入InkWell包裹的Container即可，无需修改PageView的生成逻辑
• 参考图显示的是一个灰色背景、带有添加图标的容器项，作为列表的最后一项，尺寸与列表整体匹配，上述代码可实现该效果

内容的提问来源于stack exchange，提问作者user19790163