SwiftUI：如何只为TabView中的特定标签页设置配色方案？

嘿，我来帮你搞定这个需求！你想给TabView里的两个标签分别设置浅色和深色模式对吧？其实直接在Tab的子视图上贴.preferredColorScheme有时候会不生效，因为TabView的全局环境优先级更高，咱们得换个小技巧——把每个标签的内容用导航容器包起来，再单独设置配色方案就行啦。

给你看完整的实现代码：

struct ContentView: View {
    var body: some View {
        TabView {
            // 第一个标签页：固定浅色模式
            Tab("Tab 1", systemImage: "video") {
                NavigationStack { // iOS 16及以上用这个，iOS 15及以下替换成NavigationView
                    FirstView()
                }
                .preferredColorScheme(.light)
            }
            
            // 第二个标签页：固定深色模式
            Tab("Tab 2", systemImage: "person") {
                NavigationStack {
                    SecondView()
                }
                .preferredColorScheme(.dark)
            }
        }
    }
}

// 示例子视图，你可以换成自己的FirstView和SecondView
struct FirstView: View {
    var body: some View {
        Text("这是浅色模式的标签页")
            .padding()
            .navigationTitle("Tab 1")
    }
}

struct SecondView: View {
    var body: some View {
        Text("这是深色模式的标签页")
            .padding()
            .navigationTitle("Tab 2")
    }
}

为啥要加个NavigationStack呢？因为preferredColorScheme需要在一个能独立管理环境上下文的容器里生效，Tab本身的层级会让局部设置被全局环境覆盖，用导航容器把内容包起来之后，每个标签页的环境就被隔离开了，配色方案就能乖乖按照咱们的要求来啦。

另外还有个小提醒：如果你的子视图里自己设置了和配色相关的环境变量，要确保它们和咱们这里的设置不冲突；还有版本适配的问题，iOS 16以下的系统记得把NavigationStack换成NavigationView哦。

备注：内容来源于stack exchange，提问作者helloworld142857