iPad端删除NavigationSplitView项目后如何显示默认详情

这个问题的核心是你没有手动管理选中状态，默认NavigationLink隐式维护的选中状态在对应项目被删除后不会自动清除，导致右侧仍显示已删除内容。以下是修复方案：

步骤说明 #

• 新增@State变量跟踪当前选中的项目
• 给NavigationLink绑定selection参数，关联这个变量
• 详情区域根据选中状态动态切换内容
• 删除时判断如果删掉的是当前选中项，就重置选中状态

修改后的完整代码 #

import SwiftUI

struct ContentView: View {
    @State var items = ["item 1", "item 2", "item 3", "item 4"]
    @State private var selectedItem: String? // 跟踪选中状态
    
    var body: some View {
        NavigationSplitView {
            List {
                ForEach(items, id: \.self) { item in
                    // 绑定selection到selectedItem
                    NavigationLink(
                        destination: Text(item),
                        tag: item,
                        selection: $selectedItem
                    ) {
                        Text(item)
                    }
                }
                .onDelete(perform: { offsets in
                    // 获取被删除的项目集合
                    let deletedItems = offsets.map { items[$0] }
                    items.remove(atOffsets: offsets)
                    
                    // 如果删除的是当前选中的项目，重置选中状态
                    if deletedItems.contains(selectedItem) {
                        selectedItem = nil
                    }
                })
            }
        } detail: {
            // 根据选中状态显示对应内容
            if let selectedItem {
                Text(selectedItem)
            } else {
                Text("Select item")
            }
        }
    }
}

关键细节解释 #

• 通过selection绑定，我们完全掌控了选中状态，不再依赖系统的隐式管理
• 删除操作时，先获取被删除的项目，再判断是否包含当前选中项，是的话就将selectedItem置为nil，触发详情区域回到默认状态
• 详情区域通过可选绑定if let selectedItem来动态切换内容，逻辑更清晰

内容的提问来源于stack exchange，提问作者Honza Skýpala