iPad切换屏幕尺寸类时如何保持当前视图不返回默认视图？

当前SwiftUI项目中，MainView在iPad使用Split View切换compact/regular尺寸类时，会自动回到HomeView，无法保持之前选中的视图。原代码通过判断尺寸类分别渲染TabView（手机/紧凑布局）和带侧边栏的NavigationView（平板/常规布局），但切换时选中状态丢失。

解决方案 #

问题根源在于原平板布局中手动添加了currentView，与NavigationLink(tag:selection:)的自动视图管理机制冲突，导致尺寸类切换时视图状态被重置。修改步骤如下：

• 移除冗余的currentView计算属性：原代码中ipadExpansiveView里的currentView是多余的，NavigationLink(tag:selection:)会自动根据activeView的值控制右侧显示的视图，手动添加会导致状态冲突。
• 简化平板布局的NavigationView结构：删除currentView的引用，让NavigationLink的selection绑定自动管理右侧视图。

修改后的完整MainView代码 #

//  BottomNavigationBarView.swift
//  TrexlerLibrary
//
//  Created by Emanuel Luna on 2/3/24.
//

import SwiftUI
import UserNotifications

enum ActiveView: String, Hashable {
    case home
    case search
    case settings
}


struct MainView: View {
    @Environment(\.horizontalSizeClass) var sizeClass
    @State private var activeView: ActiveView? = .home

    var body: some View {
        Group {
            if sizeClass == .compact {
                iphoneTabView
            } else {
                ipadExpansiveView
            }
        }
        .onAppear {
            InfoForLibrary().requestNotificationPermission()
        }
    }

    private var iphoneTabView: some View {
        TabView(selection: $activeView) {
            NavigationView { HomeView() }
                .tabItem {
                    Label("Home", systemImage: "house")
                }
                .tag(ActiveView.home)
            
            NavigationView { SearchView() }
                .tabItem {
                    Label("Search", systemImage: "magnifyingglass")
                }
                .tag(ActiveView.search)
            
            NavigationView { SettingsView() }
                .tabItem {
                    Label("Settings", systemImage: "gear")
                }
                .tag(ActiveView.settings)
        }
    }

    private var ipadExpansiveView: some View {
        NavigationView {
            List {
                NavigationLink(destination: HomeView(), tag: ActiveView.home, selection: $activeView) {
                    Label("Home", systemImage: "house")
                }
                
                NavigationLink(destination: SearchView(), tag: ActiveView.search, selection: $activeView) {
                    Label("Search", systemImage: "magnifyingglass")
                }
                
                NavigationLink(destination: SettingsView(), tag: ActiveView.settings, selection: $activeView) {
                    Label("Settings", systemImage: "gear")
                }
            }
            .listStyle(SidebarListStyle())
            .navigationTitle("Menu")
            
            // 可选：添加默认占位视图，当activeView为nil时显示（本案例中activeView默认有值，可省略）
            HomeView()
        }
    }
}

// Preview
#Preview {
    MainView().environmentObject(UserSession())
}

说明 #

• @State private var activeView会在尺寸类切换时保留当前选中的值，因为MainView本身没有被销毁，状态得以维持。
• 平板布局中，NavigationLink(tag:selection:)会自动根据activeView的值在右侧渲染对应的视图，无需手动控制。
• 手机布局的TabView与平板布局的NavigationLink共享同一个activeView绑定，确保切换尺寸类时选中状态一致。

内容的提问来源于stack exchange，提问作者EMAN-GAMING