视图被 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 !!