如何解决geometryReader 滑动时图像闪烁
使用NavigationLink时,滑动时图片闪烁。 (第一节) 我解决了图像闪烁问题。我使用了不同的 NavigationLink 函数。 (第二节) 问题不止于此。导航运行时,图像向左移动,同时切换到下一页。 (第 3 节)
电影单元
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
}
}
}
}
第三节
正常
当我滑动时
问题就在这里。
导航时 - 值正在迅速变化。当我删除减号时,图片适合其原始位置
在 GeometryReader 中
.offset(x: (-)geometryReader.frame(in: .global).minX)//I deleted - negative sign
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。