SwiftUI中EditButton无法激活editMode状态的问题求助

核心问题分析 #

你的代码里点击Edit按钮后，按钮文本切换但EditMode始终处于.inactive，List也没出现选择框，核心原因是选择绑定类型不匹配、EditMode状态同步失效。

修复步骤 #

1. 确认selectedVideos的类型正确 #

List的selection绑定必须对应正确的类型：

• 多选场景：用Set<你的视频ID类型>（要求ID是Hashable，比如String、UUID）
• 单选场景：用你的视频ID类型?（可选类型）

比如多选的变量定义：

@State private var selectedVideos: Set<String> = []
// 假设你的Video模型id是String类型

2. 让EditMode状态正确同步并触发视图更新 #

你原本的判断逻辑没问题，但需要确保EditMode的变化能触发视图重绘，同时让EditButton和环境的EditMode正确关联。下面是两种可行的修改方式：

方式一：绑定本地状态同步EditMode

新增本地状态变量，和环境的EditMode双向绑定，确保状态变化实时反映：

@State private var isEditing = false
@Environment(\.editMode) var editMode
@State private var selectedVideos: Set<Video.ID> = []

var body: some View {
    NavigationStack {
        List(viewModel.videos, id: \.id, selection: $selectedVideos) { record in
            // 你的列表行内容，例如Text(record.name)
        }
        .navigationTitle("Videos")
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                if isEditing {
                    Button("Delete Selected") {
                        // 执行删除逻辑，比如调用viewModel的删除方法
                        viewModel.deleteSelected(ids: selectedVideos)
                        // 退出编辑模式
                        isEditing = false
                        editMode?.wrappedValue = .inactive
                    }
                } else {
                    EditButton()
                        .onChange(of: editMode?.wrappedValue) { newMode in
                            isEditing = newMode == .active
                        }
                }
            }
        }
        // 将本地状态绑定到环境的EditMode
        .environment(\.editMode, $isEditing)
    }
}

方式二：直接监听EditMode变化

不需要额外状态变量，直接监听环境中EditMode的变化，确保视图及时更新：

@Environment(\.editMode) var editMode
@State private var selectedVideos: Set<Video.ID> = []

var body: some View {
    NavigationStack {
        List(viewModel.videos, id: \.id, selection: $selectedVideos) { record in
            Text(record.title)
        }
        .navigationTitle("Videos")
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                if editMode?.wrappedValue == .active {
                    Button("Delete Selected") {
                        viewModel.deleteVideos(ids: selectedVideos)
                        // 退出编辑模式
                        editMode?.wrappedValue = .inactive
                    }
                } else {
                    EditButton()
                }
            }
        }
        // 监听EditMode变化，清空选中项避免状态残留
        .onChange(of: editMode?.wrappedValue) { _ in
            selectedVideos.removeAll()
        }
    }
}

额外注意事项 #

• 确保你的视频模型的id是唯一且符合Hashable要求的类型
• 删除完成后记得清空selectedVideos，避免下次进入编辑模式时残留选中状态
• iOS 16+的NavigationStack不需要额外设置导航视图样式，默认适配编辑模式

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