ForEach列表项跨同ID集合移动后视图未更新问题

问题原因 #

当列表项在upFrontAlters和otherAlters两个@Published集合间移动时，SwiftUI的ForEach会基于alter.id复用已存在的视图实例。这就导致FrontOtherRowView初始化时传入的isOtherView参数不会被重新赋值，关联的UI状态也就停留在应用启动时的初始值，无法随分区切换同步更新。

解决方案 #

给每个分区内的视图添加唯一标识，让SwiftUI识别到不同分区的同ID视图是独立的实例，从而销毁旧视图并创建新视图，确保isOtherView参数能正确生效：

struct FrontViewInternal: View {
    @StateObject var state: FrontViewModelHelper
    let dispatch: (FrontActions) -> Void
    var body: some View {
        let textBinding: Binding<String> = Binding(
            get: { state.search },
            set: { search in dispatch(FrontActions.FilterAlters(search: search))}
        )
        NavigationView {
            LazyVStack(alignment: .leading, pinnedViews: [.sectionHeaders]) {
                Section(header: Text("Front Alters")) {
                    if state.upFrontAlters.isEmpty {
                        Text("No Up Front Alters!")
                    } else {
                        ForEach(state.upFrontAlters, id: \.id) { alter in
                            FrontOtherRowView(
                                id: alter.id,
                                avatarUrl: alter.avatarUrl,
                                hexColor: alter.colorHex,
                                name: alter.name,
                                pronouns: alter.pronouns,
                                dispatch: dispatch,
                                isOtherView: false
                            )
                            .id("\(alter.id)-front") // 为Front分区视图添加唯一标识
                        }
                    }
                }
                
                Divider()
                
                Section(header: Text("Other Alters")) {
                    ForEach(state.otherAlters, id: \.id) { alter in
                        FrontOtherRowView(
                            id: alter.id,
                            avatarUrl: alter.avatarUrl,
                            hexColor: alter.colorHex,
                            name: alter.name,
                            pronouns: alter.pronouns,
                            dispatch: dispatch,
                            isOtherView: true
                        )
                        .id("\(alter.id)-other") // 为Other分区视图添加唯一标识
                    }
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .searchable(text: textBinding)
            .background(Color.background)
            .navigationTitle("Alters")
            .padding()
            .navigationBarItems(
                trailing: Button(
                    action: {},
                    label: {
                        Image(systemName: "plus.app")
                    }
                )
            )
        }
    }
}

额外排查点 #

1. 检查FrontOtherRowView内部是否用@State存储了依赖isOtherView的状态。如果有，建议将状态提升到父视图或改用@Binding，避免视图复用时状态残留。
2. 确认FrontViewModelHelper中的upFrontAlters和otherAlters是用@Published修饰的数组，且修改集合时是通过替换数组（而非原地修改元素）触发SwiftUI的更新机制。

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