SwiftUI TabView（PageTabViewStyle）底部空白问题求助

核心原因 #

使用PageTabViewStyle的TabView在分页滑动时会触发内部布局重绘，系统默认的安全区域优先级会覆盖手动设置的忽略规则，尤其是嵌套ScrollView时，ScrollView会自动保留底部安全区域间距，导致空白反复出现。

可行解决方案 #

1. 给ScrollView直接设置安全区域忽略+强制占满高度

在ScrollView上同时添加edgesIgnoringSafeArea(.bottom)和frame(maxHeight: .infinity)，强制让内容填充到屏幕底部：

TabView {
    ScrollView {
        // 你的内容
        Text("测试内容")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.blue)
    }
    .edgesIgnoringSafeArea(.bottom)
    .frame(maxHeight: .infinity)
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))

2. 自定义底部导航替代系统TabBar

如果系统TabBar的安全区域处理是核心问题，可以隐藏系统TabBar，自己实现底部导航栏，完全控制布局：

struct CustomPageView: View {
    @State private var selectedPage = 0
    
    var body: some View {
        ZStack(alignment: .bottom) {
            TabView(selection: $selectedPage) {
                ScrollView {
                    // 页面1内容
                }
                .edgesIgnoringSafeArea(.bottom)
                .tag(0)
                
                ScrollView {
                    // 页面2内容
                }
                .edgesIgnoringSafeArea(.bottom)
                .tag(1)
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
            
            // 自定义底部导航
            HStack {
                Button("页面1") { selectedPage = 0 }
                Button("页面2") { selectedPage = 1 }
            }
            .padding()
            .background(Color.white)
            .frame(maxWidth: .infinity)
        }
    }
}

3. 用ZStack包裹子视图并忽略安全区域

给每个Tab的子视图外层套一个ZStack，让ZStack先忽略安全区域，再承载ScrollView：

TabView {
    ZStack {
        ScrollView {
            // 内容
        }
    }
    .edgesIgnoringSafeArea(.bottom)
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))

4. 临时修复：修改UITabBar的布局（慎用）

如果以上方法都无效，可以通过UIKit的API临时调整TabBar的高度，但这属于绕过系统布局，可能在iOS版本更新后失效：

init() {
    UITabBar.appearance().isTranslucent = false
    UITabBar.appearance().frame.size.height = 0
}

var body: some View {
    TabView {
        // 你的页面内容
    }
    .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
}

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