TabView - PageTabViewStyle does not conform to edgesIgnoreSafeArea in Landscape mode on all notched iPhones

Question

Created Dec ’20

Replies 1

Boosts 0

Views 1.1k

Participants 3

Running PageTabViewStyle in landscape orientation on any iPhone with a notch results in odd spacing on the leading side of the view, edgesIgnoringSafeArea does not seem to be working correctly? Adding a second Edges ignore in the body seems to help, but still left with a leading white area. PageTabViewStyle and edgesIgnore seem to work fine on older non-notch phones. Anyone know a solution to this problem?

Code Block import SwiftUI
struct TestTabView: View {
  var colors : [Color] = [.red, .yellow, .blue, .green]
  @State private var page: Int = 1
  var body: some View {
    TabView (selection: $page){
      ForEach(0..<colors.count, id: \.self) {index in
	Rectangle().foregroundColor(colors[index]).edgesIgnoringSafeArea(.all)
		.tag([index])
      }
    }
    .tabViewStyle(PageTabViewStyle())
    .edgesIgnoringSafeArea(.all)
  }
}
struct TestTabView_Previews: PreviewProvider {
  static var previews: some View {
    TestTabView()
  }
}

Boost

Answer 1

skuenstler OP

Mar ’21

Same here, new iOS14's PageTabViewStyle() does not work in Landscape, as for:

the fact that rotating an iPhone to Landscape will not keep the current page (but unfortunately, it always jumps to index=0). Rotation should keep the current index and rotate arround that page.
the fact that the .ignoreSafeArea() does not work
the fact that NavigationBar is not hidden even tough explicitely told so....

Hope this will be fixed soon in a next version of iOS.

0