NavigationSplitView选中项未折叠，求紧凑布局折叠方案及NavigationPath用法

1. 紧凑布局下切换详情视图时折叠侧边栏 #

可以实现，核心思路是通过**水平尺寸类（horizontalSizeClass）**判断当前布局类型，在切换详情视图时，仅对紧凑布局（iPhone）手动收起侧边栏，保留常规布局（iPad横屏）的原有行为。

修改步骤： #

1. 在SplitLibraryView中添加环境变量获取尺寸类：

@Environment(\.horizontalSizeClass) private var horizontalSizeClass

2. 监听detailType的变化，针对紧凑布局修改侧边栏可见性：

struct SplitLibraryView: View {
    @StateObject var viewModel: SplitLibraryViewModel = SplitLibraryViewModel()
    @Environment(\.horizontalSizeClass) private var horizontalSizeClass
    
    var body: some View {
        NavigationSplitView(columnVisibility: $viewModel.visibility) {
            NavigationStack {
                LibraryView(viewModel: viewModel.libraryViewModel)
            }
        } detail: {
            // 原有详情视图代码不变
        }
        .onChange(of: viewModel.detailType) { _ in
            // 仅在紧凑布局下收起侧边栏
            if horizontalSizeClass == .compact {
                viewModel.visibility = .detailOnly
            }
        }
    }
}

这样设置后，iPhone上选中侧边栏项目时，侧边栏会自动收起；iPad横屏时仍保持原有的侧边栏不覆盖详情视图的行为。

2. 使用NavigationPath处理详情视图 #

完全可以用NavigationPath管理详情视图，这是SwiftUI 16+推荐的导航栈管理方式，相比直接切换detailType，更适合处理多级跳转场景，逻辑也更清晰。

实现步骤： #

1. 定义详情页目的地枚举（需遵循Hashable）：

enum DetailDestination: Hashable {
    case collections(sharedWithMe: Bool)
    case bookmarks
    case space(id: String, name: String)
    case addSpace
}

2. 在SplitLibraryViewModel中添加NavigationPath并修改选中逻辑：

@available (iOS 16.0, *)
class SplitLibraryViewModel: ObservableObject {
    @Published var detailType: LibraryMenuItemType = .collections
    @Published var libraryViewModel = LibraryViewModel(delegate: nil)
    @Published var visibility: NavigationSplitViewVisibility = .automatic
    @Published var navigationPath = NavigationPath() // 新增导航路径
    
    init() {
        libraryViewModel.delegate = self
    }
}

@available (iOS 16.0, *)
extension SplitLibraryViewModel: LibraryViewDelegate {
    func profileLoaded(profile: Profile) {
        libraryViewModel.profile = profile
        Profile.me = profile
    }
    
    func itemSelected(item: HashableLibraryMenuItem) {
        // 清空现有路径，回到详情页根
        navigationPath.removeLast(navigationPath.count)
        // 根据选中项推入对应的目的地
        switch item.type {
        case .collections:
            navigationPath.append(DetailDestination.collections(sharedWithMe: false))
        case .shared:
            navigationPath.append(DetailDestination.collections(sharedWithMe: true))
        case .bookmarks:
            navigationPath.append(DetailDestination.bookmarks)
        case .space(let id, let name):
            navigationPath.append(DetailDestination.space(id: id, name: name))
        case .addSpace:
            navigationPath.append(DetailDestination.addSpace)
        }
    }
}

3. 修改详情视图为NavigationStack绑定navigationPath：

detail: {
    NavigationStack(path: $viewModel.navigationPath) {
        // 根据导航路径最后一项渲染当前视图
        switch viewModel.navigationPath.last as? DetailDestination {
        case .collections(let sharedWithMe):
            CollectionsView(sharedWithMe: sharedWithMe)
                // 若需多级跳转，在此添加navigationDestination处理
                .navigationDestination(for: DetailDestination.self) { destination in
                    // 示例：处理子页面跳转
                    // if case .collectionDetail(let id) = destination {
                    //     CollectionDetailView(id: id)
                    // }
                }
        case .bookmarks:
            EmptyView()
        case .space(let id, let name):
            SpaceView(spaceId: id, spaceName: name)
        case .addSpace:
            EmptyView()
        case nil:
            // 默认显示收藏视图
            CollectionsView(sharedWithMe: false)
        }
    }
}

这种方式不仅能实现原有的详情切换逻辑，还能轻松扩展多级导航，导航栈状态由系统自动管理，比手动切换detailType更健壮。

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