ios - SwiftUI TabView with PageTabViewStyle in Landscape in device with safeArea 奇数のリーディング エッジ インレットを追加

Question

PageTabViewStyle を使用した TabView があり、デバイスが横向きの場合、リーディング エッジに奇妙なはめ込みがあります。これは、safeArea のないデバイスには存在せず、ポートレートのどのエッジにも存在しません。

struct ContentView: View {

    var body: some View {
        TabView {
            Color.red
                .edgesIgnoringSafeArea(.all)
        }
        .tabViewStyle(PageTabViewStyle())
        .edgesIgnoringSafeArea(.all)
    }
}

Answer 1

背景だけを全画面表示にしたい場合は、次のように試してください。

var body: some View {
    ZStack {
        // Background ignoring safe area
        LinearGradient(colors: [Color(hue: 0.106, saturation: 0.234, brightness: 0.922, opacity: 1.0), Color.white], startPoint: .top, endPoint: .bottom)
            .edgesIgnoringSafeArea(.all)
        // TabView
        TabView() {
            Onboarding1()
            Onboarding2()
            Onboarding3()
        }
        .tabViewStyle(PageTabViewStyle())
    }
}