iOS16以下SwiftUI编辑模式按钮图标不同步问题求助

问题核心 #

执行移动/删除行操作后，系统自动将编辑模式切换为.inactive，但自定义绑定的isEditing状态未同步更新，导致按钮图标仍显示激活状态；同时修改Image代码时因参数传值错误引发语法问题。

解决方案 #

1. 绑定状态与系统编辑模式 #

在iOS16以下，需将列表的编辑模式与自定义isEditing状态双向绑定，确保系统操作触发编辑模式变化时，状态能自动同步。示例代码：

struct ContentView: View {
    @State private var items = ["Item 1", "Item 2", "Item 3"]
    @State private var isEditing = false
    
    var body: some View {
        NavigationView { // iOS15及以下使用NavigationView，iOS16可替换为NavigationStack
            List {
                ForEach(items, id: \.self) { item in
                    Text(item)
                }
                .onDelete(perform: deleteItem)
                .onMove(perform: moveItem)
            }
            .navigationTitle("编辑示例")
            .toolbar {
                Button {
                    isEditing.toggle()
                } label: {
                    // 根据isEditing状态直接切换图标
                    Image(systemName: isEditing ? "checkmark" : "ellipsis.circle")
                }
            }
            // 绑定编辑模式到自定义状态，实现双向同步
            .environment(\.editMode, $isEditing)
        }
    }
    
    private func deleteItem(at offsets: IndexSet) {
        items.remove(atOffsets: offsets)
        // 系统会自动关闭编辑模式，绑定后isEditing将同步更新
    }
    
    private func moveItem(from source: IndexSet, to destination: Int) {
        items.move(fromOffsets: source, toOffset: destination)
        // 系统自动关闭编辑模式，状态同步更新
    }
}

2. 修复Image语法错误 #

出现“Trailing closure passed to parameter of type 'Visibility' that does not accept a closure”错误，是因为错误地给visibility参数传递了闭包。正确写法是直接传入Visibility枚举值：

• 错误写法（触发报错）：

Image(systemName: "ellipsis.circle")
    .visibility { // 错误：visibility参数接受枚举值，而非闭包
        isEditing ? .hidden : .visible
    }

• 正确写法：

// 方式1：直接根据状态切换图标
Image(systemName: isEditing ? "checkmark" : "ellipsis.circle")

// 方式2：分别控制两个图标的显示隐藏
Image(systemName: "ellipsis.circle")
    .visibility(isEditing ? .hidden : .visible)
Image(systemName: "checkmark")
    .visibility(isEditing ? .visible : .hidden)

3. 极端情况手动同步状态 #

如果绑定环境变量后仍存在状态不同步，可在删除/移动操作完成后手动更新isEditing：

private func deleteItem(at offsets: IndexSet) {
    items.remove(atOffsets: offsets)
    DispatchQueue.main.async {
        isEditing = false
    }
}

内容的提问来源于stack exchange，提问作者Tomas Gavenavičius