如何使用NavigationStack向视图添加背景颜色？

Question

我试图在此视图中添加背景颜色，但显然 NavigationStack 阻止它出现。还有其他方法可以实现这个吗？

import SwiftUI

struct DiscoverView: View {
    private let adaptiveColumns = [
        GridItem(.adaptive(minimum: 120))
    ]
    
    var body: some View {
        ZStack {
            Color.primaryApp.ignoresSafeArea(.all)

            NavigationStack {
                ScrollView {
                    LazyVGrid(columns: adaptiveColumns, spacing: 60) {
                        ForEach(playlists) { playlist in
                            NavigationLink(destination: ContentView()) {
                                PlaylistCardView(playlist: playlist)
                            }
                            .foregroundStyle(.primary)
                        }
                    }
                    .padding()
                }
            }
        }
    }
}

这是我在 DiscoverView 中使用的代码，如有必要，我将提供代码的其他部分。

Answer 1

将

NavigationStack

置于视图层次结构的最外层，它将按预期工作：

NavigationStack {
    ZStack {
        Color.blue.ignoresSafeArea(.all)
        ...
    }
}