iPadOS 16专属问题：List组件editMode拖拽图标显示异常求助

问题原因 #

iPadOS 16 里，用自定义按钮切换EditMode时，ForEach的.onMove(perform:)参数里的条件判断（editMode == .active ? moveRow : nil）没法触发视图即时更新，导致拖拽图标不会立刻出来，只有单元格重绘（比如滚动、手动拖动）后才显示。

修复方案 #

把.onMove里的条件判断去掉，始终传入moveRow方法，然后在方法内部判断编辑状态是否激活；同时给EditMode的状态切换加上动画，确保视图同步刷新。

修改后的完整代码：

struct Number: Identifiable {
    let id: String
    let number: Int
}

struct ContentView: View {
    @State var testData = Array(1..<10).map { Number(id: UUID().uuidString, number: $0) }
    @State var editMode: EditMode = .inactive
    
    var body: some View {
        NavigationView {
            List {
                ForEach(testData) {
                    TestCellView(title: "\($0.number)")
                }
                // 移除条件判断，始终绑定moveRow
                .onMove(perform: moveRow)
            }
            .listStyle(PlainListStyle())
            .padding()
            .navigationBarTitle("Hello")
            .navigationBarItems(leading: Button(editMode == .active ? "Done" : "Edit", action: {
                withAnimation {
                    editMode.toggle()
                }
            }))
            .environment(\.editMode, $editMode)
        }
    }
    
    private func moveRow(from source: IndexSet, to destination: Int) {
        // 仅在编辑状态激活时执行移动逻辑
        guard editMode == .active else { return }
        withAnimation {
            testData.move(fromOffsets: source, toOffset: destination)
        }
    }
}

补充优化方案 #

也可以直接用系统环境提供的EditMode，不用自己声明@State变量，这样能更好地和SwiftUI视图生命周期同步，减少状态不一致的问题：

struct ContentView: View {
    @State var testData = Array(1..<10).map { Number(id: UUID().uuidString, number: $0) }
    @Environment(\.editMode) private var editMode
    
    var body: some View {
        NavigationView {
            List {
                ForEach(testData) {
                    TestCellView(title: "\($0.number)")
                }
                .onMove(perform: moveRow)
            }
            .listStyle(PlainListStyle())
            .padding()
            .navigationBarTitle("Hello")
            .navigationBarItems(leading: Button(editMode?.wrappedValue == .active ? "Done" : "Edit", action: {
                withAnimation {
                    editMode?.wrappedValue.toggle()
                }
            }))
        }
    }
    
    private func moveRow(from source: IndexSet, to destination: Int) {
        guard editMode?.wrappedValue == .active else { return }
        withAnimation {
            testData.move(fromOffsets: source, toOffset: destination)
        }
    }
}

原理说明 #

• 移除onMove的条件判断后，SwiftUI会在EditMode激活时自动识别并渲染拖拽图标，不需要等单元格重绘。
• 给状态切换加上withAnimation，能保证状态变更和视图更新同步，避免UI延迟。

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