Flutter - 当我使用 InkWell 时，onTap 不起作用

Question

大家好，我正在构建我的新应用程序，一切正常，但遗憾的是，墨水池 onTap 不起作用

body: groups.isEmpty
      ? Center(child: Text('No Students'))
      : GridView(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            childAspectRatio: 8.0 / 10.0,
            crossAxisCount: 2,
          ),
          children: [
            ...groups.map(
              (group) => Card(
                  elevation: 7,
                  child: Wrap(
                    direction: Axis.horizontal,
                    children: <Widget>[
                      Image.asset('assets/01.jpg'),
                      Text(group),
                      InkWell(
                        onTap: () => Navigator.push(
                            context,
                            MaterialPageRoute(
                                builder: (context) => ThirdPage())),
                      )
                    ],
                  )),
            )
          ],
        )

我有一种感觉，我把墨水瓶放在了错误的位置，但我不知道把它移到哪里。

Answer 1

只需将小部件添加为墨水池中的子项，您想让它成为可点击的。

我希望它有帮助，

 groups.isEmpty
        ? Center(child: Text('No Students'))
        : GridView(
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        childAspectRatio: 8.0 / 10.0,
        crossAxisCount: 2,
      ),
      children: [
        ...groups.map(
              (group) => Card(
              elevation: 7,
              child: Wrap(
                direction: Axis.horizontal,
                children: <Widget>[
                  InkWell(
                    onTap: () => Navigator.push(
                        context,
                        MaterialPageRoute(
                            builder: (context) => ThirdPage())),
                    child: Column(children: <Widget>[
                      Image.asset('assets/01.jpg'),
                      Text(group),
                    ],),
                  )

                ],
              )),
        )
      ],
    )

Answer 2

使用InkWell包装Image和Text Widget如下所示：-

           InkWell(
                onTap: () => Navigator.push(
                    context,
                    MaterialPageRoute(
                        builder: (context) => ThirdPage())),
                child: Column(children: <Widget>[
                  Image.asset('assets/01.jpg'),
                  Text(group),
                ],),
              )