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

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

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

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

2 个答案: