iOS 26 SwiftUI List的onMove排序功能真机异常求助

问题现象 #

在iOS 16的SwiftUI环境中使用List重排序功能时，出现以下异常表现：

• 进入编辑模式拖动列表行，该行会立即消失，但其他行会正常为拖拽操作腾出空间
• 松开拖拽手势后，消失的行会从视图右下角滑回原位置
• 该问题仅在物理iOS设备上出现，Xcode模拟器中运行完全正常
• 推测问题根源在于拖拽时的视图快照生成或渲染异常

解决方案 #

这个问题通常是因为物理设备上SwiftUI无法正确捕获拖拽行的快照导致的，通过给列表行添加明确布局约束或包裹容器视图即可修复，以下是两种可行方案：

方案1：为列表行添加明确的frame与背景

在ForEach内部的Text外层添加带明确尺寸和背景的容器，确保快照能被正确生成：

struct NumberItem: Identifiable, Equatable {
    let id = UUID()
    var value: String
}

struct ContentView: View {
    
    @State var numberItems: [NumberItem] = [
        .init(value: "1"), .init(value: "2"), .init(value: "3")
    ]
    
    var body: some View {
        NavigationStack {
            List {
                ForEach(numberItems, id: \.id) { item in
                    Text("\(item.value)")
                        .frame(maxWidth: .infinity, alignment: .leading)
                        .background(Color(.systemBackground))
                }
                .onMove {
                    numberItems.move(fromOffsets: $0, toOffset: $1)
                }
            }
            .toolbar {
                EditButton()
            }
        }
    }
}

方案2：设置List的listRowInsets明确布局

通过定义列表行的内边距，让视图边界更清晰，帮助SwiftUI正确生成快照：

// 仅修改ForEach及后续部分代码
ForEach(numberItems, id: \.id) { item in
    Text("\(item.value)")
}
.listRowInsets(EdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16))
.onMove {
    numberItems.move(fromOffsets: $0, toOffset: $1)
}

原因说明 #

物理设备的快照渲染机制比模拟器更严格，当列表行视图没有明确的布局边界（比如无边距、无背景）时，SwiftUI无法正确捕获拖拽时的视图快照，导致拖拽过程中行消失，松开后只能从默认位置（右下角）恢复。添加明确布局约束后，快照能被正确生成和渲染，拖拽行为即可恢复正常。

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