視圖被 SwiftUI 中的列表項重疊

Question

我創建了一個動畫視圖，並將其放在帶有zindex(1)的 List 的index 0上，因此它始終保持在前面，並使用zindex(-1)為所有其他索引的另一個視圖...

它第一次工作正常但是當滾動列表或導航到列表項的詳細信息時，zindex（-1）的第二個視圖與第一個視圖重疊......

上圖顯示了它應該如何一直工作......

但這就是從某些特定索引項的詳細信息返回后會發生的情況...它涵蓋了具有zindex(1)的第一個視圖...

這就是滾動列表時發生的事情......所有其他視圖都與第一個視圖重疊......

這是代碼

        NavigationView{
                
                List(0 ..< 10) { item in
                    if (item == 0) {
                        Spacer()
                         TasiMarketCard()
                            .padding(.top)
                            .zIndex(1)
                            .onTapGesture {
                                self.isBlur.toggle()
                        }
                        
                    }else {
                        NavigationLink(destination: Text("1")){
                         HomeItem()
                            .zIndex(-1)
                        }
                    }
                    }
                .navigationBarTitle("Home")
                .blur(radius: self.isBlur ? 10 : 0)
        }

Answer 1

只需閱讀代碼......在不同的地方嘗試 zIndex

NavigationLink(destination: Text("1")){
   HomeItem()
}.zIndex(-1)      // << here !!