SwiftUI：如何在TabView中添加不显示TabBar图标的OnboardingView

1. 让引导页不在TabBar显示 #

给OnboardingView绑定一个空的tabItem，TabBar就不会渲染它的图标和文字：

OnboardingView()
    .tag(0)
    .tabItem { EmptyView() }

2. 首次启动自动跳转到引导页 #

用UserDefaults持久化记录用户是否看过引导页，在ViewModel初始化时判断跳转目标：

class TabViewModel: ObservableObject {
    @Published var tabSelection: Int
    
    init() {
        let hasSeenOnboarding = UserDefaults.standard.bool(forKey: "hasSeenOnboarding")
        // 看过引导页就跳首页（tag1），没看过跳引导页（tag0）
        tabSelection = hasSeenOnboarding ? 1 : 0
    }
    
    // 引导页完成后调用，切换到首页并标记状态
    func finishOnboarding() {
        UserDefaults.standard.set(true, forKey: "hasSeenOnboarding")
        tabSelection = 1
    }
}

3. 在引导页里隐藏TabBar #

在OnboardingView的根视图添加toolbar修饰符，专门隐藏当前视图的TabBar：

struct OnboardingView: View {
    @EnvironmentObject var vm: TabViewModel
    
    var body: some View {
        NavigationStack {
            VStack(spacing: 20) {
                Text("欢迎使用本应用")
                    .font(.title)
                Button("开始使用") {
                    vm.finishOnboarding()
                }
                .buttonStyle(.borderedProminent)
            }
            .navigationTitle("新用户引导")
        }
        .toolbar(.hidden, for: .tabBar)
    }
}

完整的主TabView代码 #

struct MainTabContainer: View {
    @StateObject private var tabVM = TabViewModel()
    
    var body: some View {
        TabView(selection: $tabVM.tabSelection) {
            OnboardingView()
                .tag(0)
                .tabItem { EmptyView() }
            
            FirstView()
                .tabItem {
                    Image(systemName: "sparkles")
                    Text("首页")
                }
                .tag(1)
            
            SecondView()
                .navigationTitle("移除背景")
                .tabItem {
                    Text("移除背景")
                    Image(systemName: "eraser.line.dashed")
                }
                .tag(2)
        }
        .environmentObject(tabVM)
    }
}

内容的提问来源于stack exchange，提问作者Антон Разгуляев