SwiftUI：如何通过代码切换TabView的选中焦点？

要实现从子视图中控制TabView的选中标签，核心是让子视图能访问并修改TabView的选中状态变量。可以通过ObservableObject状态管理的方式实现，具体步骤如下：

1. 创建状态管理ViewModel #

定义一个ObservableObject类来统一管理Tab的选中状态，让所有子视图都能共享并修改这个状态：

import SwiftUI

class TabViewModel: ObservableObject {
    @Published var selectedTab: MenuView.Tab = .location
}

2. 修改MenuView使用ViewModel #

将原本的@State变量替换为ViewModel实例，并将TabView的selection绑定到ViewModel的属性，同时把ViewModel注入环境供子视图访问：

struct MenuView: View {
    @StateObject private var tabViewModel = TabViewModel()
    
    public enum Tab: Hashable {
        case location
        case calculate
        case install
        case results
        case about
    }
    
    var body: some View {
        VStack {
            TabView(selection: $tabViewModel.selectedTab) {
                LocationView()
                    .tabItem {
                        Label("Location", systemImage: "globe.europe.africa")
                    }
                    .tag(Tab.location)
                CalculateView()
                    .tabItem {
                        Label("Calculate", systemImage: "apps.ipad")
                    }
                    .tag(Tab.calculate)
                InstallView()
                    .tabItem {
                        Label("Install", systemImage: "window.ceiling.closed")
                    }
                    .tag(Tab.install)
                ResultsView()
                    .tabItem {
                        Label("Results", systemImage: "sun.max.fill")
                    }
                    .tag(Tab.results)
                AboutView()
                    .tabItem {
                        Label("About", systemImage: "gear")
                    }
                    .tag(Tab.about)
            }
            .accentColor(.yellow)
            .background(Color.white)
            .environmentObject(tabViewModel)
        }
    }
    
    init() {
        UITabBar.appearance().barTintColor = UIColor.systemGray
        UITabBar.appearance().backgroundColor = UIColor.white
        UITabBar.appearance().unselectedItemTintColor = UIColor.red
        UITabBar.appearance().isOpaque = false
    }
}

3. 在子视图中修改选中标签 #

以CalculateView为例，通过@EnvironmentObject获取ViewModel，在需要同步Tab选中状态的业务逻辑点修改selectedTab：

struct CalculateView: View {
    @EnvironmentObject private var tabViewModel: TabViewModel
    
    var body: some View {
        // 示例：根据业务逻辑触发标签切换，比如跳转完成后自动同步
        Text("Calculate View")
            .onAppear {
                // 进入视图时将Tab选中状态切换到calculate
                tabViewModel.selectedTab = .calculate
            }
    }
}

补充说明 #

• 如果是从LocationView通过导航（如NavigationLink）跳转到CalculateView，只需在CalculateView的onAppear或者对应业务逻辑处执行状态修改即可同步Tab选中状态。
• 若不想使用环境注入，也可以直接在子视图初始化时传入ViewModel实例，核心是让子视图能拿到并修改Tab的选中状态。

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