SwiftUI中ScrollView使用.content.offset引发内存暴涨问题求助

问题原因 #

当你给ScrollView的内容添加.content.offset(y: 5)时，本质是将整个内容视图在ScrollView内部进行偏移绘制，而非调整ScrollView的滚动位置。这种操作会干扰SwiftUI对LazyVGrid可视区域的计算逻辑：LazyVGrid的懒加载依赖于父容器（ScrollView）的可视范围来判断哪些子视图需要实例化和渲染，而.content.offset会篡改内容视图的布局边界，导致SwiftUI错误地认为所有500个图片项都处于可视区域内，从而一次性加载所有图片，直接引发内存占用飙升。

而未添加偏移时，LazyVGrid只会加载当前可视区域及少量预加载的图片项，因此内存控制在30MB左右。

无ScrollViewReader的解决方案 #

1. 用ScrollView的contentInsets替代偏移 #

如果只是需要给内容添加固定的边距偏移，直接使用ScrollView的contentInsets参数即可，这是官方推荐的调整内容边距的方式，不会破坏懒加载逻辑：

ScrollView(contentInsets: .init(top: 5, leading: 0, bottom: 0, trailing: 0)) {
    LazyVGrid(columns: gridColumns) {
        // 图片项
    }
}

2. 给LazyVGrid添加padding #

若偏移仅针对网格内容而非整个ScrollView，给LazyVGrid添加对应方向的padding即可，同样不会影响懒加载：

ScrollView {
    LazyVGrid(columns: gridColumns) {
        // 图片项
    }
    .padding(.top, 5)
}

3. 绑定ScrollView滚动位置（iOS 16+） #

如果需要动态控制滚动偏移而非固定边距，可使用iOS 16+新增的scrollPosition绑定来调整滚动位置，这是真正调整ScrollView的滚动状态，不会干扰可视区域计算：

@State private var scrollOffset: CGPoint = .zero

var body: some View {
    ScrollView {
        LazyVGrid(columns: gridColumns) {
            // 图片项
        }
    }
    .scrollPosition($scrollOffset)
    .onAppear {
        // 手动设置初始滚动偏移
        scrollOffset.y = 5
    }
}

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