Flutter 中 ListView.builder 上的 GestureDetector

Question

我正在尝试在我的包含图像的 ListView 小部件上添加一个 GestureDetector，但它似乎不起作用。 之前有人问过类似的问题，但这也没有帮助。

这是我的代码：

ListView.builder(
          scrollDirection: Axis.horizontal,
          itemBuilder: (BuildContext ctx, int index) {
            return Container(
                width: 160,
                child: Card(
                 child: Wrap(
                  children: <Widget>[
                     GestureDetector( onTap: () => Print_on_layout(index),
                      child: Image.network(a[index], fit: BoxFit.fill,)
                     )
                  ],
                ),
              ),
            );
          },
          itemCount: a.length,
        ),

Answer 1

我想这与 wrap Widget 有关，它可能会弄乱可以检测到点击的空间。 尝试删除它。 如果这不起作用，请告诉我们您是否收到错误。

Answer 2

使用 gesturedetector 作为不在图像上的容器的父级。 正如在列表中一样，您只返回一个 widgit，因此您应该使用手势检测器作为容器。 试试这个代码：

ListView.builder(
            scrollDirection: Axis.horizontal,
              itemBuilder: (BuildContext ctx, int index) {
                return
                  GestureDetector(onTap: () => Print_on_layout(index),
    
                  child: Container(
                    width: 160,
                    child: Card(
                      child: Wrap(
                        children: <Widget>[
                          Image.network(a[index], fit: BoxFit.fill,)
                        ],
                      ),
                    ),
                  ),
                );
              },
              itemCount: a.length,
            ),