LazyVStack导致fullScreenCover旋转时自动消失的技术求助

我开发了一个漫画系列详情视图（MangaSeriesView），用来展示系列信息和所有章节。点击章节的“Read”按钮，会以fullScreenCover的形式打开阅读视图（ReaderView）。但旋转阅读视图时，它会意外关闭并返回漫画系列详情视图，这不符合预期。

经调试发现，移除ChapterListView中的LazyVStack能解决问题，但部分系列的章节多达数百个，为保证滚动性能必须用懒加载。ReaderView里没有主动触发关闭的逻辑，请问为什么LazyVStack会导致fullScreenCover在旋转时关闭？

相关伪代码 #

MangaSeriesView #

struct MangaSeriesView: View {
    @StateObject var seriesViewModel = SeriesViewModel()
    
    var body: some View {
        ScrollView {
            VStack {
                TopDetailView()
                
                ChapterListView()
            }
        }
        .onAppear {
            fetchSeriesDetails()
        }
    }
}

ChapterListView #

struct ChapterListView: View {
    @EnvironmentObject var seriesViewModel: SeriesViewModel
    
    var body: some View {
        LazyVStack {
            ForEach(seriesViewModel.chapters, id: \.self) { manga in
                ChapterCellView(manga: manga, series: seriesViewModel.series)
            }
        }
    }
}

ChapterCellView #

struct ChapterCellView: View {
    let manga: Manga
    let series: Series
    @State var isPresented = false
    
    var body: some View {
        HStack {
            Text("Chapter number")
            
            Button {
                isPresented = true
            } label: {
                Text("Read")
            }

            Button {
                
            } label: {
                Text("Download")
            }
        }
        .fullScreenCover(isPresented: $isPresented) {
            ReaderView(manga: manga, series: series)
        }
    }
}

原因分析 #

这事儿根源在LazyVStack的懒加载特性上：

• LazyVStack只会渲染当前屏幕可见（或即将可见）的单元格。当屏幕旋转时，系统会重新计算整个布局，此时之前触发阅读视图的ChapterCellView很可能被LazyVStack销毁——要么是它不在新布局的可见范围内，要么是系统为了节省内存回收了不可见的单元格。
• 控制fullScreenCover显示的isPresented是ChapterCellView的局部@State变量，一旦单元格被销毁，这个@State会被重置为默认值false，fullScreenCover绑定的状态变了，自然就触发关闭操作。

解决方案 #

要解决这个问题，得把控制fullScreenCover显示的状态从ChapterCellView的局部@State，提升到更高层级的视图（比如MangaSeriesView或SeriesViewModel），避免因单元格销毁导致状态丢失：

1. 在ViewModel中添加状态变量 #

修改SeriesViewModel，新增控制阅读视图显示的状态和当前选中的章节：

class SeriesViewModel: ObservableObject {
    // 原有属性保持不变...
    @Published var selectedChapter: Manga?
    @Published var isReaderPresented = false
    
    // 新增触发阅读视图的方法
    func openReader(for chapter: Manga) {
        selectedChapter = chapter
        isReaderPresented = true
    }
}

2. 调整ChapterCellView，改用ViewModel的状态 #

struct ChapterCellView: View {
    let manga: Manga
    @EnvironmentObject var seriesViewModel: SeriesViewModel
    
    var body: some View {
        HStack {
            Text("Chapter number")
            
            Button {
                seriesViewModel.openReader(for: manga)
            } label: {
                Text("Read")
            }

            Button {
                
            } label: {
                Text("Download")
            }
        }
    }
}

3. 在MangaSeriesView中添加fullScreenCover #

把fullScreenCover从单元格移到顶层视图，确保状态不会因单元格销毁而丢失：

struct MangaSeriesView: View {
    @StateObject var seriesViewModel = SeriesViewModel()
    
    var body: some View {
        ScrollView {
            VStack {
                TopDetailView()
                
                ChapterListView()
            }
        }
        .onAppear {
            fetchSeriesDetails()
        }
        .fullScreenCover(isPresented: $seriesViewModel.isReaderPresented) {
            if let chapter = seriesViewModel.selectedChapter {
                ReaderView(manga: chapter, series: seriesViewModel.series)
            }
        }
    }
}

这样调整后，控制阅读视图的状态存在@StateObject的ViewModel中，不受LazyVStack单元格销毁的影响，屏幕旋转时就不会意外关闭阅读视图了。

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