SwiftUI中TabView与NavigationStack嵌套的间距及TabBar卡顿问题

问题1：TabView嵌套在NavigationStack内时导航栏下方出现额外空白 #

原因分析 #

这种空白源于多层导航栏配置冲突：外层NavigationStack的导航栏与每个Tab子视图内的重复Toolbar设置叠加，产生了多余的内边距或布局空间。

解决方案 #

将导航栏的Toolbar配置统一移到外层NavigationStack，移除每个HomeView内的重复导航栏设置，同时通过调整安全区和背景设置消除空白：

修改后的ContentView代码：

NavigationStack {
    TabView{
        HomeView()
            .tabItem{
                VStack{
                    Image(systemName: "house.fill")
                        .foregroundStyle(.red)
                    Text("Home")
                }
            }

        // 其他Tab项保持原有逻辑...
        JobsView()
            .tabItem{
                VStack{
                    Image(systemName: "latch.2.case.fill")
                    Text("Jobs")
                }
                .foregroundStyle(selectedTab == .jobs ? .black : .shuttleGray)
            }
    }
    .tint(.black)
    // 统一配置导航栏Toolbar
    .navigationBarTitleDisplayMode(.inline)
    .toolbarBackground(.white, for: .navigationBar)
    .toolbar{
        ToolbarItemGroup(placement:.principal){
            Text("hi")
        }
    }
}

修改后的HomeView代码（移除重复导航栏配置）：

var body: some View {
    Text("hi")
    // 所有导航栏相关设置由外层统一控制
}

若必须在子视图中单独配置Toolbar，可在HomeView中添加：

.navigationBarHidden(true)
.toolbar {
    // 自定义Toolbar内容
}

同时在外层NavigationStack中设置.toolbarBackground(.hidden, for: .navigationBar)，避免双重布局冲突。

问题2：NavigationStack嵌套在TabView内，子视图隐藏TabBar后返回出现延迟 #

原因分析 #

这是SwiftUI的已知布局bug：使用.toolbar(.hidden, for: .tabBar)隐藏TabBar后，返回时系统的布局刷新机制会出现延迟，导致TabBar卡顿显示。

解决方案 #

避免使用.toolbar(.hidden, for: .tabBar)，改用动态偏移+状态控制的方式隐藏TabBar，确保返回时立即恢复：

struct ContentView: View {
    @State private var hideTabBar = false
    
    var body: some View {
        TabView{
            NavigationStack{
                NavigationLink("Hi"){
                    Text("New view! TabView will reappear instantly when going back")
                        .onAppear {
                            hideTabBar = true
                        }
                        .onDisappear {
                            hideTabBar = false
                        }
                }
            }
            .tabItem{
                Text("Tab")
            }
        }
        .offset(y: hideTabBar ? UIScreen.main.bounds.height : 0)
        .animation(.easeInOut(duration: 0.2), value: hideTabBar)
    }
}

这种方式通过动画偏移替代系统的Toolbar隐藏逻辑，规避了布局刷新延迟问题，同时保持了平滑的过渡效果。

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