在列表中选择每一项时，SwiftUI都会显示它自己的detailView

Question

我正在尝试使用SwiftUI让每个项目在列表中显示它自己的detailView。但现在，我被卡住了，因为它只为任何项目显示相同的detailView。有人知道该怎么做吗？这是我现在拥有的代码：

 struct PastryListView: View {
@State private var isShowingDetailView = false

@State private var selectedPastry : Pastry?

@State private var selection: Int? = nil
var body: some View {
    ZStack {
    NavigationView {
        
        List(MockData.pastries) { Pastry in
            HStack {
                Image(Pastry.image)
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 180, height: 200)
                VStack {
                    Text(Pastry.name)
                        .font(Font.custom("DancingScript-Regular", size: 30))
                        .fontWeight(.medium)
                       
                }
                .padding(.leading)
            }
        
            .onTapGesture {
                selectedPastry = Pastry
                isShowingDetailView = true
            
            }
           
          
           
                    
        }
        .navigationTitle("? Pastries")
    }
        
        if isShowingDetailView {                Pastry2DetailView(isShowingDetailView2: $isShowingDetailView, pastry: MockData.samplePastry2)


        }
      
    }
}  }

Answer 1

有很多方法可以实现你想要的，这只是一种方法：

import SwiftUI

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            PastryListView()
        }
    }
}

struct Pastry: Identifiable {
   var id: String = UUID().uuidString
   var name: String
   var image: UIImage
}

struct PastryListView: View {
    @State private var pastries: [Pastry] = [
        Pastry(name: "pastry1", image: UIImage(systemName: "globe")!),
        Pastry(name: "pastry2", image: UIImage(systemName: "info")!)]
    
    var body: some View {
        NavigationView {
            List(pastries) { pastry in
                NavigationLink(destination: PastryDetailView(pastry: pastry)) {
                    HStack {
                        Image(uiImage: pastry.image)
                            .resizable()
                            .aspectRatio(contentMode: .fit)
                            .frame(width: 80, height: 80)
                        VStack {
                            Text(pastry.name)
                                .font(Font.custom("DancingScript-Regular", size: 30))
                                .fontWeight(.medium)
                        }
                        .padding(.leading)
                    }
                }
            }.navigationTitle("? Pastries")
        }.navigationViewStyle(StackNavigationViewStyle())
    }
}

struct PastryDetailView: View {
    @State var pastry: Pastry
    var body: some View {
        Text("???? " + pastry.name + " ????")
    }
}