SwiftUI List嵌套LazyVGrid从详情页返回后Cell偶发消失

问题核心原因 #

该问题由两个共同作用的触发点导致：

1. 你给List添加了无差别的全局.animation(.easeInOut)修饰符，未指定响应的变化源，Cell内部AnyIconModel的@Published属性（角标文本）变更时，会触发整个列表的动画重计算；
2. 列表处于后台（详情页展示）时的布局计算上下文异常，加上List嵌套LazyVGrid的滚动容器复用逻辑冲突，最终导致返回时左上角Cell的布局位置计算错误，被渲染到可视区域外。

修复方案 #

1. 限制动画的触发范围（优先级最高，可直接验证效果） #

将全局无差别动画改为只响应viewModel.objects数据源的整体变更，排除Cell内部角标变更的影响：

// 替换原来的 .animation(.easeInOut)
.animation(.easeInOut, value: viewModel.objects)

如果还需要响应排序模式等其他全局变化，可将对应的状态值加入到value参数的监听列表中。

2. 优化滚动容器嵌套结构 #

List本身是懒加载滚动容器，嵌套LazyVGrid会出现滚动计算、Cell复用的逻辑冲突，你可以直接将List替换为ScrollView，避免容器冲突：

ScrollView {
    LazyVGrid(columns: gridItemLayout) {
        // 原有ForEach内容不变
    }
}
.refreshable {
    viewModel.refresh()
}
.listStyle(PlainListStyle())
.padding(5)
.animation(.easeInOut, value: viewModel.objects)

3. 优化后台状态下的属性更新逻辑 #

当列表页处于后台时，暂停Cell内部Model的@Published属性更新，等页面回到前台时再同步最新状态：

• 在列表页添加@State var isPageActive = false，通过onAppear和onDisappear修改该状态
• 将状态传递给AlbumItemsScreenCell和AnyIconModel，仅当isPageActive == true时才更新unreadCountBadgeText等发布属性

4. 给Cell添加固定尺寸约束 #

避免Cell内部角标变化导致整体尺寸变更，进一步降低布局计算异常的概率：

AlbumItemsScreenCell(object: item, viewModel: viewModel, config: Self.config)
    // 尺寸和你gridItemLayout中定义的Item大小保持一致
    .frame(width: gridItemWidth, height: gridItemHeight)
    // 原有手势修饰符不变

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