iOS 17中LazyVStack与Sheet的异常行为问题求助

问题现象 #

使用LazyVStack和Sheet实现详情页的应用，在iOS 16及更低版本运行正常，但iOS 17中，滚动至第3或第4节之后的懒加载行，点击数字大概率无法立即触发模态框，甚至完全无响应，仅在再次滚动时可能延迟触发。

问题原因 #

iOS 17对SwiftUI懒加载视图的生命周期和状态绑定逻辑做了调整。当Sheet的绑定状态变量被重复附加在LazyVStack的每个Section上时，懒加载视图实例化过程中会出现状态绑定失效的情况，导致点击手势无法正确更新状态以唤起Sheet。

可行解决方案 #

方案1：将Sheet移至LazyVStack外部 #

把.sheet修饰符从Section层级移到根View或ScrollView层级，避免每个Section重复绑定同一个状态变量，消除懒加载时的绑定冲突。

修改后的完整代码：

import SwiftUI

struct ListView: View {
    
    @State private var sections = [1, 2, 3, 4, 5, 6]
    @State var number: ModalDetail?
    
    var body: some View {
        VStack(spacing: 0) {
            ScrollView {
                LazyVStack(spacing: 10, pinnedViews: .sectionHeaders) {
                    ForEach(sections, id: \.self) { section in
                        Section {
                            ForEach(1..<21) { number in
                                Text("\(number)")
                                    .onTapGesture {
                                        self.number = ModalDetail(body: "Section \(section) / \(number)")
                                    }
                            }
                        } header: {
                            Text("\(section)")
                                .font(Font.title.lowercaseSmallCaps())
                                .fontWeight(.medium)
                                .frame(maxWidth: .infinity)
                                .padding(.vertical, 8)
                                .padding(.horizontal, 8)
                                .background(.gray)
                        }
                    }
                }
            }
            Spacer()
        }
        .font(.title)
        // 将Sheet绑定移到根View层级
        .sheet(item: $number) { detail in
            modal(detail: detail.body)
        }
    }
    
    func modal(detail: String) -> some View {
        Text(detail)
    }
}

struct ModalDetail: Identifiable {
    var id: String { body }
    let body: String
}

方案2：用ObservableObject统一管理状态 #

将触发Sheet的状态变量放到单独的视图模型中，通过@StateObject和@Published确保状态更新能被所有视图正确捕获，避免懒加载导致的绑定失效。

示例代码：

import SwiftUI

class ListViewModel: ObservableObject {
    @Published var selectedDetail: ModalDetail?
}

struct ListView: View {
    
    @State private var sections = [1, 2, 3, 4, 5, 6]
    @StateObject private var viewModel = ListViewModel()
    
    var body: some View {
        VStack(spacing: 0) {
            ScrollView {
                LazyVStack(spacing: 10, pinnedViews: .sectionHeaders) {
                    ForEach(sections, id: \.self) { section in
                        Section {
                            ForEach(1..<21) { number in
                                Text("\(number)")
                                    .onTapGesture {
                                        viewModel.selectedDetail = ModalDetail(body: "Section \(section) / \(number)")
                                    }
                            }
                        } header: {
                            Text("\(section)")
                                .font(Font.title.lowercaseSmallCaps())
                                .fontWeight(.medium)
                                .frame(maxWidth: .infinity)
                                .padding(.vertical, 8)
                                .padding(.horizontal, 8)
                                .background(.gray)
                        }
                    }
                }
            }
            Spacer()
        }
        .font(.title)
        .sheet(item: $viewModel.selectedDetail) { detail in
            modal(detail: detail.body)
        }
    }
    
    func modal(detail: String) -> some View {
        Text(detail)
    }
}

struct ModalDetail: Identifiable {
    var id: String { body }
    let body: String
}

方案3：移除Section上的重复Sheet绑定 #

原代码中每个Section都绑定了同一个$number变量，这会导致SwiftUI在懒加载时创建多个Sheet实例，引发状态更新冲突。直接删除Section上的.sheet修饰符，统一在根视图绑定即可解决问题。

补充说明 #

iOS 17优化了SwiftUI懒加载视图的性能，但也对状态绑定的唯一性要求更高。确保状态绑定的层级正确、避免重复绑定同一个状态变量，是规避这类兼容性问题的核心。

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