[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),
                    ],),
                  )

                ],
              )),
        )
      ],
    )