SwiftUI TabView PageView全屏显示问题求助

API 探路者

2026-8-8

解决方案

问题1：边缘滑动显示TabView白色背景

给TabView设置与页面一致的背景色，覆盖默认白色背景：

TabView {
    Seite1()
    Seite2()
    Seite3()
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
.background(Color.black) // 与页面背景统一，消除边缘白色

问题2：避免内容超出安全区

移除TabView的.ignoresSafeArea()，让每个页面的背景层单独忽略安全区，内容层自动遵守安全区约束：

修改Seite2.swift（其他页面同理）：

import SwiftUI

struct Seite2: View {
    var body: some View {
        ZStack {
            // 背景层全屏覆盖，忽略安全区
            Color.black.ignoresSafeArea()
            
            // 内容层自动适配安全区，无需额外处理
            HStack(spacing: 50){
                Image("Fly2")
                    .resizable()
                    .scaledToFit()
                Text("Test-Text dfvfb vtgbhzbnzh tbhbzhbnzh bzhzhb zbzhbzhbn zhbzhnbz zbzhbnznb ztbzhnbzjn zbz zhbbn zbnzn ")
                    .font(.largeTitle)
            }
            .padding()
        }
    }
}

struct Seite2_Previews: PreviewProvider {
    static var previews: some View {
        Seite2()
    }
}

最终App.swift代码

import SwiftUI

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            TabView {
                Seite1()
                Seite2()
                Seite3()
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
            .background(Color.black)
        }
    }
}