My image slider do not want to ignore the safe area on the top, why is that?
struct Tab1: View {
private var numberOfImages = 3
private let timer = Timer.publish(every: 10, on: .main, in: .common).autoconnect()
@State private var currentIndex = 0
var body: some View {
ZStack {
GeometryReader { proxy in
TabView(selection:$currentIndex) {
ForEach(0..<numberOfImages) { num in
Image("\(num)")
.resizable()
.scaledToFill()
.tag(num)
// overlay(Color.black.opacity(0)) if relevant
}
}
.tabViewStyle(PageTabViewStyle())
.clipShape(RoundedRectangle(cornerRadius: 10))
.frame(width: proxy.size.width, height: proxy.size.height / 3)
.onReceive(timer, perform: { _ in
withAnimation {
currentIndex = currentIndex < numberOfImages ? currentIndex + 1 : 0
}
})
}
.edgesIgnoringSafeArea(.all)
}
}
}
struct Tab1_Previews: PreviewProvider {
static var previews: some View {
Tab1()
}
}```