TabView标记隐藏工具栏仍显示，设置页面样式引发裁剪问题

问题1：切换页面后系统TabBar重新显示 #

原因：将.toolbar(.hidden, for: .tabBar)添加到每个PageView子视图上，SwiftUI的视图更新机制可能导致该修饰符的状态在页面切换时被重置。系统TabBar的隐藏状态应该绑定到父容器而非子视图。

修复方案：把.toolbar(.hidden, for: .tabBar)直接添加到外层的TabView上，而非每个PageView内部：

NavigationStack {
    TabView(selection: $selectedPageIndex) {
        ForEach(appConfig.pages.indices, id: \.self) { index in
            let page = appConfig.pages[index]
            PageView(topPadding: $navBarHeight,
                     bottomPadding: $tabBarHeight,
                     page: page)
            .tag(index)
        }
    }
    .toolbar(.hidden, for: .tabBar) // 移到TabView层级
    .overlay {
        VStack {
            navBar
                .getHeight(height: $navBarHeight)
            
            Spacer()
            
            TabBar(selectedPageIndex: $selectedPageIndex)
                .getHeight(height: $tabBarHeight)
        }
    }
}

问题2：全屏设置后索引切换失效、视图裁剪 #

原因：

1. .ignoresSafeArea()直接作用于TabView会破坏其内部的布局参考系，导致ScrollView（PageView的底层）的安全区适配逻辑混乱
2. 自定义TabBar和navBar的高度绑定可能存在延迟更新，导致页面布局偏移

修复方案：

• 限制.ignoresSafeArea()的作用范围，只针对PageView的内容区域，而非整个TabView
• 确保selectedPageIndex的绑定是值类型且状态更新及时（避免使用可能引发延迟的绑定包装）
• 调整自定义导航栏和TabBar的安全区适配，避免和系统安全区冲突

修改后的完整代码：

NavigationStack {
    TabView(selection: $selectedPageIndex) {
        ForEach(appConfig.pages.indices, id: \.self) { index in
            let page = appConfig.pages[index]
            PageView(topPadding: $navBarHeight,
                     bottomPadding: $tabBarHeight,
                     page: page)
            .tag(index)
            .ignoresSafeArea(edges: [.top, .bottom]) // 仅让PageView内容忽略安全区
        }
    }
    .toolbar(.hidden, for: .tabBar)
    .tabViewStyle(.page(indexDisplayMode: .never))
    .overlay {
        VStack(spacing: 0) {
            navBar
                .getHeight(height: $navBarHeight)
                .padding(.top, UIApplication.shared.windows.first?.safeAreaInsets.top ?? 0) // 适配顶部安全区
            
            Spacer()
            
            TabBar(selectedPageIndex: $selectedPageIndex)
                .getHeight(height: $tabBarHeight)
                .padding(.bottom, UIApplication.shared.windows.first?.safeAreaInsets.bottom ?? 0) // 适配底部安全区
        }
    }
}

额外注意事项：

• 如果PageView内部的ScrollView仍有布局问题，可在其内部添加.safeAreaInset手动调整内边距，替代直接的ignoresSafeArea
• 确保selectedPageIndex是@State或@Published的可绑定属性，避免使用间接绑定导致状态更新不及时

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