edgesIgnoringSafeArea on TabView with PageTabViewStyle not working

Question

Using a TabView as a pageviewer by using .tabViewStyle(PageTabViewStyle()) works fine, but trying to let it run from edge to edge by applying edgesIgnoringSafeArea does not seem to work.

What am I missing here?

struct ContentView: View {     let colors: [Color] = [.red, .green, .blue]     var body: some View {         TabView {             ForEach(0...2, id: \.self) { index in                 Rectangle()                     .fill(colors[index])             }         }         .tabViewStyle(PageTabViewStyle())         .edgesIgnoringSafeArea(.all)     } } 

Adding another .edgesIgnoringSafeArea(.all) to the Rectangle or ForEach also doen't work.

Note that all these questions are different because they do not use use PageTabViewStyle():

• How do I use a TabView with a NavigationView in SwiftUI?
• Adding a TabView makes the Navigation Bar not cover the safe area in SwiftUI
• NavigationView doesn't display correctly when using TabView in SwiftUI
• In my NavigationView '.edgesIgnoringSafeArea' does not move content past the safe area

Their solution (adding edgesIgnoringSafeArea(.all)) doesn't work in this case.

Answer 1

1. Remove .edgesIgnoringSafeArea(.all) from the TabView
2. Add frame to the TabView with screen width and height
3. Wrap a TabView with ScrollView
4. Add .edgesIgnoringSafeArea(.all) to the ScrollView

struct ContentView: View {     let colors: [Color] = [.red, .green, .blue]      var body: some View {         ScrollView {             TabView {                 ForEach(0...2, id: \.self) { index in                     Rectangle()                         .fill(colors[index])                 }             }             .frame(                 width: UIScreen.main.bounds.width ,                 height: UIScreen.main.bounds.height             )             .tabViewStyle(PageTabViewStyle())                      }         .edgesIgnoringSafeArea(.all)     } } 

Answer 2

Here is a maximum what I've got... anyway I assume that originally it is a bug and worth submitting feedback to Apple.

Tested with Xcode 12b

struct TestPagingStyle: View {     let colors: [Color] = [.red, .green, .blue]     var body: some View {         ZStack {             Color.black.overlay(                 GeometryReader { gp in                     TabView {                         ForEach(0..<3, id: \.self) { index in                             Text("Hello, World \(index)")                                 .frame(width: gp.size.width, height: gp.size.height)                                 .background(colors[index])                         }                     }                     .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))                 }             )         }.edgesIgnoringSafeArea(.all)     } }