大家好,我正在构建我的新应用程序,一切正常,但遗憾的是,墨水池 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())),
                      )
                    ],
                  )),
            )
          ],
        )

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

#1楼 票数: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),
                    ],),
                  )

                ],
              )),
        )
      ],
    )

#2楼 票数:0

使用InkWell包装ImageText Widget如下所示:-

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

  ask by Talal Al-Lafy translate from so

未解决问题?本站智能推荐:

2回复

为什么 onTap 及其中的函数在 InkWell 中不起作用?

我试图在点击 ListWheelScrollView 时打开链接,但它不起作用。 它甚至没有进入 OnTap 我试图用 Ink 删除容器,但如果我这样做,它会因为文本边距而破坏应用程序。 也试过DoubleTap。
1回复

用扩展包装的 InkWell 不起作用

我正在尝试完成我的应用程序,但是用 Expanded 包裹的 InkWell 的 onTap 不起作用,这不是我调用的函数的问题,而是 InkWell 的问题。 我该如何解决这个问题? 这是我在上面的代码中创建的自定义类
1回复

使用 InkWell 更改卡片颜色和文本 onTap

所以,我一直在创建一个家庭自动化应用程序,我为这些使用了一个自定义按钮,但发现它不是最好的方法,所以我制作了一张卡片。 这张卡片在 InkWell 内的容器内,容器只是为了确定卡片的宽度和高度。 这张卡片的初始颜色为背景灰色,文本和图标为白色,但是当我点击它时,我希望它为背景白色,文本和图标为黑色。
2回复

颤动:onTap 按钮可听在堆栈中的位置不起作用

我试图创建一个自定义对话框。 在对话框中关闭按钮位于容器上方: 现在我试图在用户点击这个关闭图标时关闭对话框: 但是onTap没有触发! 我认为它位于某个小部件下!!! 如果 GestureDetector 是Positioned在小部件形状上的父级,则会被弄乱。像这样: 虽然on
1回复

我将 InkWell 小部件排成一行,但它不起作用

我将 Inkwell 小部件放在一行中,并展开每个小部件。 这是为了使两者垂直占据屏幕的一半。 但由于某种原因,InkWell 白色小部件没有打开“MyApp2”页面。 我该如何解决这个问题?
1回复

Flutter:CircularProgressIndicator() 在视频缓冲时不起作用

我是 Flutter 和 Dart 的新手。 我的目标是制作具有播放、暂停、重放和缓冲功能的视频。 我现在的问题是我调用了 CircularProgressIndicator() 但它不起作用。 这就是我所做的: 这是我调用 CircularProgressIndicator 的地方
1回复

堆栈在列内不起作用 - Flutter

希望你们一切顺利。 我有堆栈和列的问题。 当我想在 Column 的孩子中使用 Stack 时,它不再起作用了。 这是关于我的问题的 2 张照片。 不工作: 在职的:
1回复

为什么这个颜色列表在 Flutter 中不起作用?

我正在尝试使用颜色列表为 ListView Builder 中的容器着色。 这是列表,它的类型为 List<Color> 这是 ListView 构建器 我认为 'color : colours[index]' 的类型不正确,但我不确定如何将其转换为所需的类型。 我在其他地方以及