flutter - 在显示图像的gridview上添加手势检测器的位置

Question

我已成功在gridView()中显示图像
但是现在，我希望每个图片都可点击/可点击，
我曾尝试将手势检测器放入 child 体内，但似乎不起作用，
请帮助。

        import 'package:flutter/foundation.dart';
        import 'package:flutter/material.dart';
        import 'package:flutter/material.dart';
        import 'package:cached_network_image/cached_network_image.dart';

        class SearchTiles extends StatefulWidget {
          final String Image1 ="https://www.image1.png";
          final String Image2 ="https://www.image2.png";
          final String Image3 = "https://www.image3.png";
          final String Image3 = "https://www.image4.png";


          @override
          _SearchTilesState createState() => _SearchTilesState();
        }

        class _SearchTilesState extends State<SearchTiles> {
          @override
          Widget build(BuildContext context) {
            final title = 'Pick a Store';

            return MaterialApp(
              title: title,
              home: Scaffold(
                appBar: AppBar(
                  title: Text(title),
                ),
                body: GridView.count(
                    crossAxisCount: 2,
                    children: <String>[
                      widget.image1,
                      widget.image2,
                      widget.image3,
                      widget.image4
                    ].map((String url) {
                      return GridTile(
                        child: Image.network(
                          url,
                        ),
                      );
                    }).toList()),
              ),
            );
          }
        }

Answer 1

Try this, It's work for me :-)

return GridTile(
  child: InkWell(
    onTap: () {
      //here get image tap callback
    },
    child: Image.network(
      url,
    ),
  ),
);