我想通过点击缩略图来加载全屏图像.我有以下部分代码:

.
.
.
Ink.image(
    image: AssetImage('assets/images/${channelPostModel.image}'),
    height: 200,
    fit: BoxFit.fitWidth,
    child: InkWell(
        onTap: () {
            OpenImage(
            imageAddress:
            'assets/images/${channelPostModel.image}')
            .build(context);
          },
     ),
),
.
.
.

我对全屏图像使用了以下类:

OpenImage.dart:

class OpenImage extends StatelessWidget {
  const OpenImage({super.key, required this.imageAddress});
  final String imageAddress;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
            image: DecorationImage(
                image: AssetImage(imageAddress), fit: BoxFit.cover)),
      ),
    );
  }
}

当我点击缩略图时,未显示全屏图像.我试着调试这个类,看看是否传递了镜像地址.我看到地址传递正确.

推荐答案

您需要在点击缩略图时导航到页面OpenImage.因此,在InkWell小部件的onTap中,导航到下一页,如下所示:

InkWell(
    onTap: () {
      Navigator.of(context).push(
        MaterialPageRoute(
          builder: (context) =>
              OpenImage(imageAddress: 'assets/images/${channelPostModel.image}'),
        ),
      );
    },
  )

Flutter相关问答推荐

Flutter -如何从布局填充(对称水平)中排除小部件?

如何在应用栏中将列置于中心

壁炉有序在Flutter

Android NFC未收到空的NFC标签

功能不起作用的Flutter 块复制

如何将assets资源 实体类型转换为文件类型?

为什么我的页面控制器在使用Riverpod时没有更改我的页面视图?

将侧边菜单和底部导航栏放在同一Flutter 应用程序中

通过Ffltter应用程序与Docker服务器进行交互以进行身份验证

Flutter:无法构建iOS应用程序-找不到PigeonParser.h文件

在flutter中实现类似3D的可滚动堆叠分页列表

Supabase Auth:重定向到 Google.com 而不是我的应用程序

flutter Listview构建器溢出

如何使用 Material3 创建带有高度的完美白色提升按钮?

自定义绘画未显示 - Flutter

当键盘隐藏表单时该怎么办?

Flutter - firebase_auth_web 5.4.0 依赖于 intl ^0.17.0 但我必须使用更高版本 (intl ^0.18.0)

如何为文本主题设置多种 colored颜色 ?

当我将主题更改为深色然后返回浅色模式时,Getx 会Flutter 更改主题,它不会加载我的自定义主题

如何在 flutter 中制作这种类型的扩展瓦片