geometryReader 滑动时图像闪烁

时间:2021-03-22 21:23:41

标签: swiftui navigation swiftui-navigationlink geometryreader

使用NavigationLink时,滑动时图片闪烁。 (第一节) 我解决了图像闪烁问题。我使用了不同的 NavigationLink 函数。 (第二节) 问题不止于此。导航运行时,图像向左移动,同时切换到下一页。 (第 3 节)

视频链接here

电影单元

struct MovieCell: View {
    var width = UIScreen.main.bounds.width
    var height = UIScreen.main.bounds.height
    var movie: Movie
    @Binding var isOpeningDetailView: Bool
    var body: some View {
        
            GeometryReader { geometryReader in
                    
                    Image(movie.poster)
                        .resizable()
                        
                        .frame(width: width, height: height * 0.75)
                        .offset(x: -geometryReader.frame(in: .global).minX)
                        
                }
            
                .frame(height: height * 0.75)
                .cornerRadius(15)
                .padding(10)
                .background(Blur())
                .cornerRadius(15)
            
//                .edgesIgnoringSafeArea(.all)
        
          
    }
}

主视图

第一节

NavigationView {
            ZStack {
                Image(selected.poster)
                    .resizable()
                    .overlay(Blur().edgesIgnoringSafeArea(.all))
                    .edgesIgnoringSafeArea(.all)
                VStack {
                    TabView(selection: $selected) {
                        ForEach(movieList, id: \.self) { item in
                            
                            NavigationLink(
                                destination: DetailView(),
                                label: {
                                    MovieCell(movie: item, isOpeningDetailView: $isOpeneningDetailView)
                                })
                            
                        }
                    }
                    .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
                    .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
                    
                }
            }
            .navigationTitle("")
            .navigationBarHidden(true)
            
        }

第二部分

TabView(selection: $selected) {
                        ForEach(movieList, id: \.self) { item in
                            ZStack {
                                MovieCell(movie: item, isOpeningDetailView: $isOpeneningDetailView)
                                NavigationLink("", destination: DetailView(), isActive: $isOpeneningDetailView)
                            }
                            .onTapGesture {
                                withAnimation {
                                    self.isOpeneningDetailView = true
                                }
                            }
                            
                        }
                    }

第三节

正常

图片链接here

当我滑动时

图片链接here

问题就在这里。

导航时 - 值正在迅速变化。当我删除减号时,图片适合其原始位置

在 GeometryReader 中

.offset(x: (-)geometryReader.frame(in: .global).minX)//I deleted - negative sign

这是我在导航时立即看到的 enter image description here

0 个答案:

没有答案