如何在NavigationSplitView详情页持久化PlayerBar视图？

问题核心是你把NavigationStack嵌套在了PlayerBar内部，通过NavigationLink跳转时，NavigationStack的内容会被完全替换，连带外层的PlayerBar一起消失。要实现iPad音乐App的迷你播放器效果，需要让PlayerBar脱离导航栈层级，作为NavigationSplitView详情区域的固定底部视图。

修改方案 #

1. 调整详情区域布局结构，将NavigationStack和PlayerBar放在同一层级容器中，让NavigationStack占据大部分空间，PlayerBar固定在底部。
2. 简化PlayerBar组件，不再包裹内容，直接作为独立底部条使用。

修改后的完整代码 #

struct ContentView: View {
    let movies = ["Movie 1", "Movie 2", "Movie 3"]
    
    var body: some View {
        NavigationSplitView {
            Text("Categories goes here")
        } detail: {
            VStack(spacing: 0) {
                NavigationStack {
                    List(movies, id: \.self) { movie in
                        NavigationLink {
                            Text("Movie detail for \(movie)")
                                .navigationTitle(movie)
                        } label: {
                            Text(movie)
                        }
                    }
                    .navigationTitle("Movies")
                }
                PlayerBar()
            }
        }
    }
}

struct PlayerBar: View {
    var body: some View {
        Color.blue
            .frame(height: 50)
            .clipShape(.rect(cornerRadius: 15))
            .padding([.horizontal, .bottom])
    }
}

关键说明 #

• 布局层级调整：通过VStack将NavigationStack和PlayerBar并列，NavigationStack自动占据可用空间的大部分，PlayerBar固定在底部，不受导航栈视图替换影响。
• PlayerBar简化：移除内容包裹逻辑，让它成为独立底部组件，避免嵌套层级导致的问题。
• 导航逻辑优化：给详情页添加对应电影的标题，符合常规导航交互。

修改后，无论在NavigationStack中跳转到哪个详情页面，底部的PlayerBar都会始终保持显示，和iPad音乐App的迷你播放器效果一致。

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