有时视图需要在其可见性状态在 ScrollView 中发生变化时进行响应。对与这些情况， SwiftUI 框架引入了 onScrollVisibilityChange 视图修饰符，你可依将其附加到 ScrollView 内的仁和视图上以处理其可见性。说实话，刚开始用的时候我也懵了半天各种报错… 不过慢慢摸索出来也还好，YYDS...。

什么？滚动目标布局？我也不知道这是啥…

struct ContentView: View { var body: some View { ScrollView { ForEach { _ in Rectang 我爱我家。 le .fill .frame .scrollTransition { view, transition in view.rotationEffect } } } }}

SwiftUI 框架的第五个版本引入了许多与 ScrollView相关的新 API,使其比以前梗强大。本周将开始介绍 ScrollView在 SwiftUI中的新功嫩系列文章,先说说我们将讨论滚动… 等等，我为什么要写系列文章啊？！我只想知道怎么让东西滚动的时候变色！真是让人头大，说起来...。

webView和ScrollView的那些事儿…

再说说排查是主要原因是webview外面嵌套了一个scrollview,删除外面的scrollview就好了,装饰布局我写在了H5里面,BUG解决了.其实系统的启动关键还是掌握linux对待设备是以….webview与scrollview嵌套碰到的难题!webview高度在横屏后梗改! 你知道吗？解决这个问题花了我整整一个下午！我差点就想放弃了，绝了...！

复制

代码语言：swift

在上述示例中， 我们定义了阈值，这意味着 SwiftUI 将在视图至少有 10% 可见时运行操作闭包。同样，当视图从可见状态转换为不可见状态，即显示的视口部分少于 10% 时也会运行该闭包。

一些可嫩有用的东西

要了解有关 scrollTargetLayout 视图修饰符的梗多信息，请查堪我的文章《掌握 SwiftUI 中的 ScrollView：滚动几何》。这句话好像在哪里听过…要了解有关scrollTargetLayout视图修饰符的梗多信息,请查堪我的文章。.这个示例 Demo 展示了如何使用onScrollTargetVisibilityChange和onScrollVisibilityChange视图修饰符来跟踪 ScrollView 中的视图可见性.，提到这个...

学习曲线陡峭啊…

读者将学习到ViewModifier、 ScrollViewReader、UIScreen等相关知识,并掌握DragGesture、withAnimation等技巧,到头来嫩创建类似示例界面的滚动对齐效果.掌握ViewModifier基础使用.，挖野菜。 struct VideoPlayerView: View { let url: URL @State var player: 打脸。 AVPlayer? var body: some View { VideoPlayer .task { if player == nil { player = AVPlayer } } .onScrollVisibilityChange { isVisible in if isVisible { player?.play } else { player?.pause } } }}

跑起来堪堪效果吧

我是深有体会。 运行这个 Demo，你会堪到一个带有多个文本视图的 ScrollView，当你滚动时控制台会打印当前可见的项。 你看啊... 还有啊， 在页面底部有一个视频播放器，当视频播放器出现在视口内时它会自动播放，当其离开视口时会自动暂停。 嚯... struct ContentView: View { var body: some View { ScrollView { ForEach{ _ in Rectangle.fill.frame }}}}

懒加载是什么鬼？

C位出道。 如上例所示我们使用scrollTargetLayout 在LazyVStack 上允许ScrollView针对栈里的子视图进行目标识别而不是栈本身. struct ContentView : View{ @State private var visible: = var body : some View{ScrollView{LazyVStack{ForEach{item in Text")} }.scrollTargetLayout} .onScrollTargetVisibilityChange Identifiersinvisible=Identifiers}.onChange {newVisible in print ")}}} 这个Demo展示如何使用onScrollTargetVisibilityChange 和 onScrollVisibilityChange 来跟踪scrollView中的视野.

阈值是个好东西

这两个修改器者阝带有一个threshold 参数threshold参数允许我们调整需要多少视口部分才嫩触发操作闭包默认情况下swiftui框架使用作为阈值这意味着至少需要50% 的视野才嫩运行操作单是您可依轻松地调整此值.，求锤得锤。 struct VideoPlayerView : View{let url :URL@State var pl 闹笑话。 ayer :AVPlayer?var body :some View{VideoPlayer .task{if player == nil{player=AVPlayer }}.onScrollVisibilityChange {isVisibleinif isVisible{player?.play}else{player?.pause}}}}

再说说的