SwiftUI中if语句切换视图异常：切换时先跳转至Main视图

核心原因 #

你遇到的问题是TabView的动态子视图触发了标签选中状态重置。当前代码里，TabView的第二个标签通过if firstView动态生成：当点击按钮切换firstView时，原有的子视图（比如ChildOneView）会被销毁，新的子视图（ChildTwoView）会被创建。TabView在检测到子视图列表变化时，会自动将选中的标签重置为第一个（也就是MainView），所以视觉上会先跳转到Main视图，再显示目标子视图。

解决方案 #

方法一：固定TabView标签项，控制显示状态

把ChildOne和ChildTwo都设为TabView的固定标签项，通过状态变量控制它们的显示，同时绑定TabView的selection来锁定选中状态：

import SwiftUI

struct ContentView: View {
    @AppStorage("firstView") var firstView = true
    @AppStorage("selectedTab") var selectedTab = 0
    
    var body: some View {
        TabView(selection: $selectedTab) {
            MainView()
                .tabItem { Label("Main", systemImage: "house") }
                .tag(0)
            
            ChildOneView()
                .tabItem { Label("Child1", systemImage: "1.circle") }
                .tag(1)
                .opacity(firstView ? 1 : 0)
            
            ChildTwoView()
                .tabItem { Label("Child2", systemImage: "2.circle") }
                .tag(2)
                .opacity(firstView ? 0 : 1)
        }
    }
}

struct ButtonsView: View {
    @AppStorage("firstView") var firstView = true
    @AppStorage("selectedTab") var selectedTab = 0
    
    var body: some View {
        VStack {
            Button("Show ChildOne") {
                firstView = true
                selectedTab = 1
            }
            Button("Show ChildTwo") {
                firstView = false
                selectedTab = 2
            }
        }
    }
}

struct ChildOneView: View {
    var body: some View {
        VStack {
            ButtonsView()
        }
    }
}

struct ChildTwoView: View {
    var body: some View {
        VStack {
            ButtonsView()
        }
    }
}

方法二：用容器视图包裹切换逻辑

将ChildOne和ChildTwo的切换逻辑放在一个容器视图内，TabView只保留固定的容器标签项，避免子视图列表变化：

import SwiftUI

struct ContentView: View {
    @AppStorage("firstView") var firstView = true
    @AppStorage("selectedTab") var selectedTab = 0
    
    var body: some View {
        TabView(selection: $selectedTab) {
            MainView()
                .tabItem { Label("Main", systemImage: "house") }
                .tag(0)
            
            ChildContainerView()
                .tabItem { Label("Child", systemImage: "person") }
                .tag(1)
        }
    }
}

struct ChildContainerView: View {
    @AppStorage("firstView") var firstView = true
    
    var body: some View {
        if firstView {
            ChildOneView()
        } else {
            ChildTwoView()
        }
    }
}

struct ButtonsView: View {
    @AppStorage("firstView") var firstView = true
    @AppStorage("selectedTab") var selectedTab = 0
    
    var body: some View {
        VStack {
            Button("Show ChildOne") {
                firstView = true
                selectedTab = 1
            }
            Button("Show ChildTwo") {
                firstView = false
                selectedTab = 1
            }
        }
    }
}

struct ChildOneView: View {
    var body: some View {
        VStack {
            ButtonsView()
        }
    }
}

struct ChildTwoView: View {
    var body: some View {
        VStack {
            ButtonsView()
        }
    }
}

为什么之前的尝试无效 #

你之前更换状态变量类型、添加@ViewBuilder等操作，都没有解决TabView动态子视图导致的选中状态重置问题——只要TabView的子视图列表发生变化，它就会默认回到第一个标签，这和状态变量的类型无关。

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