如何在flutter中为image.asset添加onClick？

我在单击时使用了三个图像，这些图像将导航到其他页面，那么我应该如何在这些图像上使用 onClick？我的代码如下：

Row(
      children: [
        Expanded(
          child: Column(
            children: <Widget>[
              Container(
                  child: ClipRRect(
                borderRadius: BorderRadius.circular(20.0),
                child: Image.asset('assets/cat.jpg',
                    width: 110.0, height: 110.0),
              )),
              Text(
                'Tickets',
                style:
                    TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),
              )
            ],
          ),
        ),
        Expanded(
          child: Column(
            children: <Widget>[
              Container(
                  child: ClipRRect(
                borderRadius: BorderRadius.circular(20),
                child: Image.asset('assets/cat.jpg',
                    width: 110.0, height: 110.0),
              )),
              Text(
                'Buy Tickets',
                style:
                    TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),
              )
            ],
          ),
        ),
        Expanded(
          child: Column(
            children: <Widget>[
              Container(
                  child: ClipRRect(
                    borderRadius: BorderRadius.circular(20),
                    child: Image.asset('assets/cat.jpg',
                        width: 110.0, height: 110.0),
                  )),
              Text(
                'Prizes',
                style:
                    TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),
              )
            ],
          ),
        ),
      ],
    ),

预期：在图像上添加 onClick 我用了GestureDetector但它抛出错误，所以我需要知道我应该使用什么以及如何使用。

我阅读了其他答案，发现您遇到了边框问题，请尝试此解决方案。

GestureDetector(
  onTap: () {}, // Image tapped
  child: Image.asset(
    'assets/cat.jpg',
    fit: BoxFit.cover, // Fixes border issues
    width: 110.0,
    height: 110.0,
  ),
)

如果你想要飞溅效果，那么使用Ink.image or Ink with decoration.

InkWell(
  onTap: () {}, // Image tapped
  splashColor: Colors.white10, // Splash color over image
  child: Ink.image(
    fit: BoxFit.cover, // Fixes border issues
    width: 100,
    height: 100,
    image: AssetImage(
      'assets/cat.jpg,
    ),
  ),
)