SwiftUI Alert在错误Tab视图显示问题及修复咨询

核心问题 #

你在每个标签页视图的onAppear中手动设置tabSelection的操作，和TabView自带的selection绑定状态管理发生了冲突。TabView本身会自动同步当前选中标签的tag值到绑定的tabSelection变量，手动设置会打破这种状态一致性，导致弹窗触发时视图重绘引发错误的标签切换。

修复步骤 #

1. 移除所有标签页视图中手动设置tabSelection的代码
   删掉每个子视图（Home、Products等）onAppear里类似tabSelection = 2的语句，让TabView自动管理选中状态。

2. 确保tabSelection初始值正确
   在TabView所在的父视图中，给tabSelection设置对应默认选中标签的初始值（比如默认选中第一个标签就设为1）。

修改后的代码示例 #

TabView父视图代码

@State var tabSelection: Int = 1 // 初始选中第一个标签页

var body: some View {
    TabView(selection: $tabSelection) {
        Home(tabSelection: $tabSelection)
            .tabItem {
                Image(systemName: "house")
            }
            .tag(1)
        Products(tabSelection: $tabSelection)
            .tabItem {
                Image(systemName: "birthday.cake")
            }
            .tag(2)
        Orders(tabSelection: $tabSelection)
            .tabItem {
                Image(systemName: "list.bullet")
            }
            .tag(3)
        Account(tabSelection: $tabSelection)
            .tabItem {
                Image(systemName: "person")
            }
            .tag(4)
    }
}

Products标签页视图代码

@Binding var tabSelection: Int
@State private var test = false

var body: some View {
    VStack {
        // 你的原有界面内容
    }
    .onAppear {
        // 移除 tabSelection = 2 这行代码
        test = true // 保留Alert触发逻辑
    }
    .alert("Test", isPresented: $test) {
        Button("OK", role: .cancel) {}
    }
}

原理说明 #

TabView的selection绑定会自动跟踪用户的标签切换操作，将当前选中标签的tag值同步到tabSelection变量。手动在onAppear中修改这个变量，会导致视图状态混乱：当弹窗触发时，状态更新引发的视图重绘会错误触发其他标签页的onAppear方法，进而修改tabSelection，强制切换回第一个标签页，弹窗也因此显示在错误的页面上。

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