SwiftUI中NavigationStack自定义背景设置求助（原NavigationView方法失效）

NavigationStack 默认使用不透明的系统背景，直接用 ZStack 嵌套的方式会被遮挡，以下是两种可行的解决办法：

方法一：让 NavigationStack 背景透明，显示底层 ZStack 渐变 #

给 NavigationStack 添加 .background(.clear)，让底层的渐变视图透出来，同时移除无用的 .navigationViewStyle(.stack)（NavigationStack 不需要该属性）：

struct MyAngularGradient: View {
    var body: some View {
        ZStack {
            AngularGradient(gradient: Gradient(colors: [.red, .orange , .yellow, .green, .cyan, .blue, .indigo, .purple, .red]), center: .leading)
            AngularGradient(gradient: Gradient(colors: [.red, .orange , .yellow, .green, .cyan, .blue, .indigo, .purple, .red]), center: .leading)
                .offset(x: -8)
        }
        .ignoresSafeArea()
    }
}

struct ContentView: View {
    var body: some View {
        ZStack {
            MyAngularGradient()
            NavigationStack {
                // 替换为你的页面内容
                List(0..<10) { item in
                    Text("Item \(item)")
                }
                .navigationTitle("测试页面")
            }
            .background(.clear) // 关键：设置NavigationStack背景透明
        }
    }
}

方法二：直接给根视图设置渐变背景并处理导航栏 #

如果不需要全局共享背景，或者想单独控制导航栏样式，可直接给 NavigationStack 的根视图添加背景，同时隐藏滚动视图默认背景、设置导航栏透明：

struct MyAngularGradient: View {
    var body: some View {
        ZStack {
            AngularGradient(gradient: Gradient(colors: [.red, .orange , .yellow, .green, .cyan, .blue, .indigo, .purple, .red]), center: .leading)
            AngularGradient(gradient: Gradient(colors: [.red, .orange , .yellow, .green, .cyan, .blue, .indigo, .purple, .red]), center: .leading)
                .offset(x: -8)
        }
        .ignoresSafeArea()
    }
}

struct ContentView: View {
    var body: some View {
        NavigationStack {
            List(0..<10) { item in
                Text("Item \(item)")
            }
            .navigationTitle("测试页面")
            .scrollContentBackground(.hidden) // 隐藏列表默认背景
            .background(MyAngularGradient()) // 应用渐变背景
            .toolbarBackground(.clear, for: .navigationBar) // 导航栏背景透明
            .toolbarColorScheme(.dark, for: .navigationBar) // 可选：调整导航栏文字颜色适配深色背景
        }
    }
}

注意：如果根视图是普通 VStack 而非滚动视图，直接添加 .background(MyAngularGradient()) 即可，无需 .scrollContentBackground(.hidden)。

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