首页 > 解决方案 > 如何添加图像点击代码以转到新屏幕?

问题描述

我有 2 个内容视图。一个包含一个带有一组图像的 hstack。我想单击图像以呈现另一个屏幕。因此,当点击有关科学的图像和文本时,会转到有关科学的描述。

谁能帮我指路?我已经可以在控制台中显示文本,但我真的很难掌握基础知识。

Image(subject.imageName)
                    .resizable()
                    .frame(width: 100, height: 75)
                    .aspectRatio(contentMode: .fit)
                    .onTapGesture {
                        print("Tapped")
                }

标签: iosswiftxcodeswiftui

解决方案


只需将您的图像放入 NavigationLink,如下所示

NavigationView {
        NavigationLink(destination: _YOUR_DESTINATION_VIEW_HERE_) {
            Image(subject.imageName)
                .resizable()
                .frame(width: 100, height: 75)
                .aspectRatio(contentMode: .fit)
        }
    }
}

推荐阅读