SwiftUI 多个图像点击手势如何在图像单击上执行全屏覆盖

Question

我有 2 个具有 onTapGesture 的图像。当我点击图像时，我可以看到只有点击的图像被点击，但我的问题是 fullScreenCover 。如果我单击任何图像，它总是默认为 PersonMain ImageView ，然后转到 InboxView() 。我尝试将 fullScreenCover 放入 onTapGesture 中，但这不起作用。任何建议都会很棒，因为我是 SwiftUI 的新手。我还将 isOpen State 设置为 false，并在点击时将其设置为 true，但是第一个 ImageView InBoxView() 始终是弹出的。

struct MainView: View {
    @State var isOpen = true
    var body: some View {
        
        VStack(spacing: 7.0) {
            HStack(spacing: 7.0) {
                Image("PersonMain")
                    .padding(.leading, 30.0)
                    .buttonStyle(BorderlessButtonStyle())
                    .frame(width:20.0, height: 25.0)
                    .onTapGesture {
                        print("Profile")
                    }.fullScreenCover(isPresented: $isOpen,content: {
                        InboxView()
                   })
                
                Image("RankingMain")
                    .padding(.leading, 70.0)
                    .buttonStyle(BorderlessButtonStyle())
                    .frame(width: 20.0, height: 25.0)
                    .onTapGesture {
                        print("Ranking")
                    }.fullScreenCover(isPresented: $isOpen,content: {
                        SearchView()
                   })
         }
        }
      }
   }

Answer 1

它需要为每个 fullScreenCover 使用单独的状态:

struct MainView: View {
    @State private var isOpen1 = false
    @State private var isOpen2 = false

    var body: some View {
        
        VStack(spacing: 7.0) {
            HStack(spacing: 7.0) {
                Image("PersonMain")
                    .padding(.leading, 30.0)
                    .buttonStyle(BorderlessButtonStyle())
                    .frame(width:20.0, height: 25.0)
                    .onTapGesture {
                        print("Profile")
                        self.isOpen1.toggle()
                    }.fullScreenCover(isPresented: $isOpen1, content: {
                        InboxView()
                   })
                
                Image("RankingMain")
                    .padding(.leading, 70.0)
                    .buttonStyle(BorderlessButtonStyle())
                    .frame(width: 20.0, height: 25.0)
                    .onTapGesture {
                        print("Ranking")
                        self.isOpen2.toggle()
                    }.fullScreenCover(isPresented: $isOpen2, content: {
                        SearchView()
                   })
         }
        }
      }
   }