如何通过ContentView与@Main利用TabView内的ZStack修改应用颜色？

问题出在TabView的默认不透明背景上——它会完全覆盖你在ZStack里设置的绿色背景，导致你看不到效果。要解决这个问题，需要同时处理TabView本身的背景透明度和底部TabBar的外观：

步骤1：配置TabBar外观（修改@Main入口） #

在NavigationTestApp的init方法中添加TabBar的透明背景配置，让底部TabBar不再遮挡背景色：

import SwiftUI
import UIKit

@main
struct NavigationTestApp: App {
    init(){
        // 导航栏原有配置保持不变
        let appearance = UINavigationBarAppearance()
        appearance.configureWithOpaqueBackground()
        appearance.backgroundColor = UIColor.orange
        appearance.titleTextAttributes = [.foregroundColor: UIColor.black]
        appearance.largeTitleTextAttributes = [.foregroundColor: UIColor.black]
        
        UINavigationBar.appearance().tintColor = UIColor.orange
        UINavigationBar.appearance().standardAppearance = appearance
        UINavigationBar.appearance().scrollEdgeAppearance = appearance
        UINavigationBar.appearance().compactAppearance = appearance
        
        // 新增：配置TabBar透明背景
        let tabBarAppearance = UITabBarAppearance()
        tabBarAppearance.configureWithTransparentBackground()
        UITabBar.appearance().standardAppearance = tabBarAppearance
        UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
    }
    var body: some Scene {
        WindowGroup {
            // 此处可直接使用ContentView，无需额外ZStack
            ContentView()
        }
    }
}

步骤2：让TabView背景透明（修改ContentView） #

给TabView添加透明背景，让ZStack里的绿色能透出来：

struct ContentView: View {
    @State private var selectedTab: Tab = .view1
    var body: some View {
        NavigationView{
            ZStack{
                Color.green
                    .edgesIgnoringSafeArea(.all)
                
                VStack {
                    TabView(selection: $selectedTab) {
                        View1(selectedTab: $selectedTab)
                            .tabItem{Label("View-1", systemImage: "1.circle")}
                            .tag(Tab.view1)
                        
                        View2(selectedTab: $selectedTab)
                            .tabItem{Label("View-2", systemImage: "2.circle")}
                            .tag(Tab.view2)
                    }
                    .background(Color.clear) // 关键：设置TabView背景透明
                }
            }
        }
    }
}

额外注意：子视图背景要透明 #

确保你的View1、View2本身没有设置不透明背景，否则依然会遮挡绿色。示例：

struct View1: View {
    @Binding var selectedTab: Tab
    var body: some View {
        Text("View 1 Content")
            .background(Color.clear) // 确保子视图背景透明
    }
}

这样修改后，整个应用的绿色背景就能正常显示，同时导航栏和TabBar的功能完全不受影响。

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