LazyVStack行onAppear提前触发原因及获取可见最后元素方案问询

问题原因说明 #

• 该表现不是系统Bug，是SwiftUI为滚动流畅度设计的预期行为
• LazyVStack的“懒加载”是相对于普通VStack一次性创建所有子视图而言的，并非严格仅加载当前可视区域内的元素：系统会根据滚动方向、速度、设备性能自动预加载可视区域外的缓冲区内容，避免滚动过程中出现空白掉帧，不同iOS版本的预加载阈值存在差异
• onAppear的触发时机是视图被加入渲染树时，而非实际绘制到用户可见的屏幕区域时，因此预加载阶段的视图会提前触发onAppear回调，不符合判断可见性的需求

准确获取可见元素的方案（支持可变行高） #

不要依赖onAppear判断可见性，通过GeometryReader实时计算视图在滚动容器坐标系中的位置，判断是否与可视区域重叠即可：

struct ContentView: View {
    // 存储当前所有可见元素的索引
    @State private var visibleIndices = Set<Int>()
    
    var body: some View {
        ScrollView {
            LazyVStack(spacing: 10) {
                ForEach(0..<100) { i in
                    // 示例：模拟可变行高
                    Text("Item: \(i + 1)")
                        .font(i % 2 == 0 ? .title : .body)
                        .padding(.vertical, CGFloat.random(in: 10...30))
                        .background(
                            GeometryReader { proxy in
                                // 读取当前行在ScrollView坐标系的位置
                                let rowFrame = proxy.frame(in: .named("scrollArea"))
                                // 判断是否与可视区域（如有导航栏/安全区可自行调整阈值）
                                let isVisible = rowFrame.maxY > 0 && rowFrame.minY < UIScreen.main.bounds.height
                                Color.clear
                                    .onChange(of: isVisible) { isShow in
                                        if isShow {
                                            visibleIndices.insert(i)
                                        } else {
                                            visibleIndices.remove(i)
                                        }
                                    }
                            }
                        )
                }
            }
        }
        // 给ScrollView标记自定义坐标系
        .coordinateSpace(name: "scrollArea")
        .onChange(of: visibleIndices) { indices in
            guard let lastVisibleIndex = indices.max() else { return }
            print("当前最后一个可见元素：Item \(lastVisibleIndex + 1)")
        }
    }
}

该方案不受系统预加载逻辑影响，只要行视图真实进入可视区域才会被计入可见集合，完全支持动态可变行高的场景。

内容的提问来源于stack exchange，提问作者George