如何创建一个与多个可点击按钮相结合的水平滚动视图

Question

我的问题是，下面我创建了一个具有不同类型图像的水平滚动视图。这些水平视图中的图像通过ForEach命令创建并加载到屏幕上。现在我用一个按钮连接了每一张图片，但我不知道如何导航到另一个Swift文件，以便在那里为其他东西运行不同的代码。

我会把下面的代码发给你，也许你能帮我，因为我真的坚持了好几天。提前谢谢。

import SwiftUI
struct ContentView: View {
var body: some View {
VStack{
ScrollView(.horizontal, showsIndicators: false) {
HStack{
ForEach(0..<10){i in
cardView(img: "img(i)").padding(10)
}
}
}

}.background(Image("Apple_Background").resizable().aspectRatio(contentMode: .fill))

}
}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
struct cardView : View {


var img = ""
var body: some View{

VStack{
Button(action:  {
**//Part where i have problems because here the action of the button happens**
}) {

Image(img).resizable().frame(width: 250, height: 550).position(x: 170, y: 390)
}
}

}
}

Answer 1

使用NavigationView和NavigationLink导航到另一个视图并从卡视图中删除按钮。这是代码示例。

struct ContentView: View {
var body: some View {
NavigationView {
VStack{
ScrollView(.horizontal, showsIndicators: false) {
HStack{
ForEach(0..<10){i in
NavigationLink(destination: NextView()) {
cardView(img: "img(i)").padding(10)
}
}

}
}

}.background(Image("Apple_Background").resizable().aspectRatio(contentMode: .fill))

}
}
}