Flutter 如何在Gridview.builder中弹出真实大小的图片

我有我的Gridview.builder构建代码如下：

GridView.builder(
                      itemCount: 20,
                      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 3,
                      ),
                      itemBuilder: (BuildContext context, int index){
                        return GestureDetector(
                          onTap: () => Navigator.pop(
                            context,
                          ),
                          child: Card(
                            elevation: 5,
                            child: Image.asset(widget.user.imageUrl),
                          ),
                        );
                      },
                    ),

我将Gesturdector函数留空，因为我不知道如何使用onTap函数来弹出真实大小的图像，就像instagram个人资料图像一样。

---

您能帮我吗？

您可以添加一个无状态小部件，它将显示完整的图像，如下所示：

class ShowFullImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Dialog(
      child: Center(child: Text('Full image here')),
    );
  }
}

在onTap中（对于需要显示完整版本的图像），执行以下操作：

根据需要进行调整（添加参数等）

onTap: () async {
                  await showDialog(
                    context: context,
                    builder: (_) {
                      return ShowFullImage();
                    },
                  );
                },