如何在NavigationLink之間導航，同時保留主視窗的一部分在SwiftUI中保持不變-有解無憂

我想在不同NavigationLink的 s in之間導航，NavigationView而主視窗的某些部分保持不變。例如，我想制作一個音樂應用程式，我想讓播放控制器始終位于頂部，同時我可以使用視窗的其余部分顯示不同的導航內容（歌曲頁面、藝術家頁面......）。

如下圖所示，我希望紅色部分始終存在，而藍色部分發生變化。

如何在 NavigationLink 之間導航，同時保留主視窗的一部分在 SwiftUI 中保持不變

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink { DetailsView { DiscoverView() } }
                  label: { Label("Discover", systemImage: "magnifyingglass") }
                NavigationLink { DetailsView { SongsView() } }
                  label: { Label("Songs", systemImage: "music.note") }
                NavigationLink { DetailsView { ArtistsView() } }
                  label: { Label("Artists", systemImage: "music.mic") }
            }
            .navigationBarHidden(true)
            .listStyle(SidebarListStyle())

            DetailsView { SongsView() }  // << here default !!
        }
    }
}

struct DetailsView<V: View>: View {
    @ViewBuilder var content: () -> V  // << injected via builder !!
    var body: some View {
        VStack(spacing: 0) {
            AlwaysStayView()
            content()          // << changed part here !!
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
        .navigationBarHidden(true)
    }
}

備份

uj5u.com熱心網友回復：

從NavigationLink側邊欄始終交換整個右側螢屏區域。因此，您必須將 AlwaysStayView 放在導航鏈接中——在每個鏈接中。無論是在頂層還是在各自的詳細視圖內。這是一個例子：

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink {
                    DetailView(title: "Always stay", color: .red).frame(height: 100)
                    DetailView(title: "Discover", color: .blue) }
                    label: { Label("Discover", systemImage: "magnifyingglass") }
                
                NavigationLink {
                    DetailView(title: "Always stay", color: .red).frame(height: 100)
                    DetailView(title: "Songs", color: .teal) }
                    label: { Label("Songs", systemImage: "music.note") }
                
                NavigationLink {
                    DetailView(title: "Always stay", color: .red).frame(height: 100)
                    DetailView(title: "Artists", color: .mint) }
                    label: { Label("Artists", systemImage: "music.mic") }
            }
            .listStyle(.sidebar)
            
            // Standard view if no item is lelected
            VStack {
                DetailView(title: "Always stay", color: .red).frame(height: 100)
                DetailView(title: "Songs", color: .teal)
            }
        }
        .toolbar {
            ToolbarItem(placement: .principal) {
                Text("Toolbar")
            }
        }
    }
}


struct DetailView: View {
    
    let title: String
    let color: Color
    
    var body: some View {
        Text(title).font(.title)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(color)
    }
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/471664.html

標籤：迅速迅捷

上一篇：如何在條件視圖上為視圖轉換設定影片？

下一篇：NumberFormatter和無符號UInt64.max