如何为包含NavigationStack的SwiftUI View添加背景色？

下面提供几种可行的实现方式：

方法一：设置NavigationStack背景透明 #

直接给NavigationStack添加透明背景属性，让ZStack底层的背景色可以透出来：

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()
        }
    }
    .background(.clear) // 添加该行实现透明
}

方法二：将背景色直接绑定到ScrollView并隐藏导航栏默认背景 #

把背景色应用到ScrollView上，同时隐藏导航栏自带的不透明背景，让整体背景连贯：

NavigationStack {
    ScrollView {
        LazyVGrid(columns: adaptiveColumns, spacing: 60) {
            ForEach(playlists) { playlist in
                NavigationLink(destination: ContentView()) {
                    PlaylistCardView(playlist: playlist)
                }
                .foregroundStyle(.primary)
            }
        }
        .padding()
    }
    .background(Color.primaryApp.ignoresSafeArea(.all))
    .toolbarBackground(.hidden, for: .navigationBar) // 隐藏导航栏默认背景
}

方法三：设置导航栏为透明背景（保留导航栏时使用） #

如果需要保留导航栏元素，可将导航栏背景设为透明，同时让背景色覆盖整个安全区域：

NavigationStack {
    ScrollView {
        LazyVGrid(columns: adaptiveColumns, spacing: 60) {
            ForEach(playlists) { playlist in
                NavigationLink(destination: ContentView()) {
                    PlaylistCardView(playlist: playlist)
                }
                .foregroundStyle(.primary)
            }
        }
        .padding()
    }
    .background(Color.primaryApp.ignoresSafeArea(.all))
    .toolbarBackground(.transparent, for: .navigationBar) // 设置导航栏透明
    .navigationBarTitleDisplayMode(.inline)
}

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